Demo of using `@shopify/react-native-skia` with Expo for web

Last update: Jul 22, 2022

Expo Skia Demo

Web Demo

  1. yarn -- install packages
  2. Run node copy-canvaskit-wasm.js web -- copy public file (this may be upstreamed).
  3. expo start --web -- start

Production

Expo Webpack

  1. npx expo export:web or expo build:web (global expo-cli)
  2. npx serve web-build
  3. Publish and share.

Metro Web

Experimental Expo Metro (SDK 46)

  1. Set expo.web.bundler: "metro" in the app.json
  2. Run node copy-canvaskit-wasm.js public -- copy public file to public (this may be upstreamed).
  3. Start npx expo start --web

GitHub

https://github.com/EvanBacon/expo-skia-demo
You might also like...

Blockchain-Cryptogram - Decentralized Social Media web app using Ethereum Blockchain

Blockchain-Cryptogram - Decentralized Social Media web app using Ethereum Blockchain

Decentralized Social Media web app using Ethereum Blockchain. Team Details Team

Jul 24, 2022

Authentication library for the browser environment using Web Crypto API

Authentication Library for the Web A collection of utility functions for working with Web Crypto API.

Jun 29, 2022

Just a simple react iota prototype to send messages to the tangle through a web app

Just a simple react iota prototype to send messages to the tangle through a web app

REACT IOTA This is a test project of mine to get familiar with the iota.js library. The WebApp is build with react and let you send messages to the ta

Jun 10, 2021

Aplicação web desenvolvida durante a Imersão React #3 da Alura

Aplicação web desenvolvida durante a Imersão React #3 da Alura

Sobre o projeto 💬 O Alurakut é uma aplicação web clone do nosso queridíssimo e já falecido Orkut, porém trazendo uma interface mais moderna e utiliza

May 2, 2022

A curated list of resources to learn React and related web technologies as fast as possible.

React Learning Resources A curated list of resources to learn React and related web technologies as fast as possible. The goal is to help you create p

Aug 7, 2022

⚛️ Deliver UI for Web and Mobile platforms without taking care about complexity on how to style there, learn React once and code everywhere

⚛️  Deliver UI for Web and Mobile platforms without taking care about complexity on how to style there, learn React once and code everywhere

SkynexUI Use the platform, don't care about how to style there ⚠️ Version 1.x.x is alpha, trust only in v2 A set of components writen on top of React

Jul 31, 2022

React Translator is a Web Interface created for make the creation of locales.json more easier.

React Translator is a Web Interface created for make the creation of locales.json more easier. Theses locales files can be used in the package @oneforx/react-translator

May 27, 2022

react-disqus-components wrapper for official disqus web api

react-disqus-components React Functional Component with disqus webapi integration. Usage Only support React Functional Component Required Props See Di

Mar 9, 2022

Projeto-dsmovie - A web page with a list of some movies, built with react.js

Projeto-dsmovie - A web page with a list of some movies, built with react.js

projeto-DSMovie Sobre o projeto DSMovie é uma aplicação full stack web e mobile

Apr 18, 2022
This tutorial to guide you how to add react.js into shopify normal theme

Integrate-react.js-into-shopify-theme Tutorial to integrate the react.js into shopify theme https://prnt.sc/1w0rgx0 Step note: you have to run theme w

Jul 19, 2022
Builder.io Headless Page Builder example with Shopify Hydrogen
Builder.io Headless Page Builder example with Shopify Hydrogen

Builder.io + Shopify Hydrogen - headless visual page building example Example repo using Builder.io for drag and drop page building with Shopify hydro

Jul 12, 2022
A demo project on how to control smart lights Philips Hue with Web Bluetooth
A demo project on how to control smart lights Philips Hue with Web Bluetooth

Basic smart light controller A demo project on how to control smart lights (Philips Hue) with Web Bluetooth. Created with React, TypeScript and Chakra

May 14, 2022
In this demo, I am using a library created by me, called 'aesthetic-state' for global state managment in React

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Oct 21, 2021
⚛️ React & TypeScript Demo

⚛️ React & TypeScript Demo ?? Demo ?? Preview ?? Stack Front-end ✅ Packages React Typescript Styled Components ?? Theory React + Typescript Type Inter

Nov 5, 2021
Code demo from "Building Design Systems With React" talk
Code demo from

React Button This repository is the code demo from my "Building Design Systems With React" talk I will give at ReactJS Girls London. I will link the d

May 29, 2022
Navigation Viewer for Contentful Lifestyle Demo Environment
Navigation Viewer for Contentful Lifestyle Demo Environment

Navigation Viewer for Contentful Lifestyle Demo Environment An Entry Editor tab that shows an expanding tree view of your navigation menus within Cont

Feb 7, 2022
React-NFT-App - NFT-Web-Application built using Third web , ReactJs and use Crypto Punks with API

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Apr 25, 2022
Calypso is the new WordPress.com front-end – a beautiful redesign of the WordPress dashboard using a single-page web application
Calypso is the new WordPress.com front-end – a beautiful redesign of the WordPress dashboard using a single-page web application

Calypso is the new WordPress.com front-end – a beautiful redesign of the WordPress dashboard using a single-page web application, powered by the WordPress.com REST API. Calypso is built for reading, writing, and managing all of your WordPress sites in one place.

Jul 31, 2022
This is a Web User Interface Sample Project. Using ReactJs.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jul 14, 2022