expo/snack

Stars
366
Rank 116,547 (Top 3 %)
Language
TypeScript
License
MIT License
Created about 4 years ago
Updated about 2 months ago

expo/snack

expo

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Expo Snack lets you run Expo in the browser.

Expo Snack

Try Expo Snack at snack.expo.dev

Expo Snack is an open-source platform for running React Native apps in the browser. It dynamically bundles and compiles code and runs it in the Expo Go or in a web-player. Code can be saved as "Snacks" and easily shared with others. Snacks can also be embedded to show "live" previews as used by the React Native documentation.

📚 Documentation

Contributing to Snack
Embedding Snacks
URLs and Query parameters
Snack diagram
Dependencies and Bundling
Snack SDK - Creating custom Snack experiences
ReactEurope talk 2017

🗺 Project Layout

docs Documentation and guides.
packages Shared packages.
- snack-sdk Package for creating (custom) Snack experiences (used by snack.expo.dev).
- snack-sdk-legacy Legacy snack-sdk provided for completeness.
- snack-proxies Proxies for doing local development
website The web-app for https://snack.expo.dev and for embedded Snacks.
snackager The Snack package bundler at https://snackager.expo.io.
runtime The Snack runtime app and web-player.

❓ Getting in touch

👏 Contributing

If you like Expo Snack and want to help make it better then check out our contributing guide!

License

The Expo source code is made available under the MIT license. Some of the dependencies are licensed differently, with the BSD license, for example.

expo

An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.

create-react-native-app

Create React Native apps that run on iOS, Android, and web

expo-cli

Tools for creating, running, and deploying universal Expo and React Native apps

examples

Example projects that demonstrate how to use Expo APIs and integrate Expo with other popular tools

react-native-action-sheet

A cross-platform ActionSheet for React Native

router

[ARCHIVE]: Expo Router has moved to expo/expo -- The File-based router for universal React Native apps

xde

The Expo Development Environment

ex-navigation

Route-centric navigation for React Native

eas-cli

Fastest way to build, submit, and update iOS and Android apps

react-conf-app

google-fonts

Use any of the 1000+ fonts (and their variants) from fonts.google.com in your Expo app.

expo-github-action

Expo GitHub Action makes it easy to automate EAS builds or updates

fyi

Little bits of information that you may find useful when interacting with Expo tools and service. Append the markdown filename to https://expo.fyi/ to get a quick link to it.

expo-server-sdk-node

Server-side library for working with Expo using Node.js

vector-icons

expo-three

Utilities for using THREE.js on Expo

react-native-read-more-text

ex-navigator

Route-centric navigation built on top of React Native's Navigator

react-native-infinite-scroll-view

An infinitely scrolling view that notifies you as the scroll offset approaches the bottom

awesome-expo

Useful resources for creating apps with Exponent

exp

react-native-invertible-scroll-view

An invertible ScrollView for React Native

config-plugins

Out-of-tree Expo config plugins for packages that haven't adopted the config plugin system yet.

orbit

Accelerate your development workflow with one-click build launches and simulator management from your macOS menu bar

vscode-expo

Expo Tools keep you productive with debugging, IntelliSense, and prebuild previews

turtle

Standalone app builder service

react-native-appearance

Access operating system appearance information (currently only light/dark mode) on iOS, Android, and web

expo-pixi

Tools for using pixi.js in Expo

custom-expo-updates-server

A simplified demonstration of expo-updates protocol use.

use-unmount-signal

A React Hook to cancel promises when a component is unmounted

web-examples

Examples of using Expo in the browser.

image-upload-example

Demonstration of how to upload images from the ImagePicker, using a node backend to upload to S3

snack-web

expo-phaser

Use Phaser.js on mobile with Expo GL

sentry-expo

fluxpybird

some ideas involving games and Redux

stripe-expo

Use the Stripe HTTP API in Expo without the DOM, node, or native deps

react-native-responsive-image

A responsive Image component that chooses the best-resolution image for the current screen

react-native-loading-container

A container component that takes care of loading/catching timeouts/retrying

camerja

dev-plugins

Out-of-tree Expo devtools plugins for packages that haven't adopted the Expo devtools plugin system yet.

playlist-example

entity

Entity is a privacy-aware data layer for defining, caching, and authorizing access to application data models.

match-media

Universal polyfill for match media API using Expo APIs on mobile

react-native-fade-in-image

atlas

Visualize React Native bundles to understand and optimize your app.

eslint-config-universe

Moved to https://github.com/expo/expo/tree/master/packages/eslint-config-universe

expo-2d-context

A pure-js implementation of the W3C's Canvas-2D Context API that can be run on either Expo Graphics or WebGL

audio-recording-example

Audio Recording Example

redux-effex

Spin off async functions to perform side effects

auth0-example

This example has moved

results

An efficient, standards-compliant library for representing results of successful or failed operations

firebase-storage-upload-example

This example has moved

sqlite-example

This example has moved

react-native-scrollable-mixin

A standard interface for your scrollable React Native components, making it easier to compose components.

expo-processing

Utilities for using Processing.js on Expo

videoplayer

Customizable controls for Expo video

snack-sdk

react-apple-easing

Apple's default Core Animation easing functions for React

turtle-cli-example

Turtle CLI usage example (CircleCI & Travis CI)

eas-build

dire-dire-ducks

Flood your room with water and rubber duckies!

expo-preview-action

With this preview action, you can test changes made in pull requests via Expo Go or custom development client (created with expo-dev-client) just by scanning QR code.

status-bar-height

Listen to status bar changes during incoming calls and other multi-tasking events

expo-three-ar

Utilities for using Expo AR with THREE.js

react-native-image-gallery

pomodoroexp

https://expo.io/@community/pomodoro

react-native-refreshable-scroll-view

A ScrollView that supports pull-to-refresh. You can customize it with the RefreshIndicator and type of ScrollView (ex: ListView) of your choice.

spawn-async

A Promise-based interface into processes created by child_process.spawn

react-native-for-curious-people

Available through the Exponent iPhone or Android app:

UpdatesAPIDemo

Demo app showing the useUpdates() API

browser-polyfill

Browser polyfill for making React Native compatible with web libs like pixi.js, three.js, phaser.js

xdl

The Expo Development Library

harvard-cs50-app

Harvard's mobile application for CS50.

styleguide

Foundational styles for Expo interfaces.

hello-graphql

expo-graphics

Tools to help simplify working with three, pixi, phaser, ect...

detox-expo-helpers

expo-asset-utils

Utilities for parsing files references, and Expo Assets.

hackathon-examples

with-detox-tests

This template is no longer maintained! See https://github.com/yaron1m/expo-detox-typescript-example instead

react-native-scrollable-decorator

A standard interface for your scrollable React Native components, making it easier to compose components.

react-native-url-handler

Navigate to external URLs, handle in-app URLs, and access system URLs

rnplay

THIS REPOSITORY IS QUITE OLD AND NOT MAINTAINED! React Native Playground has been replaced by https://snack.expo.io. Look at this repository like you might look at tools in a museum, and don't touch it or actually use it

expo-twitter-login-example

This example has moved

react-native-image-picker-android

A camera and gallery image picker native module for Android, giving a subset of the API of https://github.com/marcshilling/react-native-image-picker

eas-tests-example

Demo of running E2E tests on EAS Build

react-loading-indicator

A loading indicator written purely in React that uses SVG and no images.

socket-io-example

This example has moved

expo-electron-adapter

This package wraps `electron-webpack` and adds support for Expo web and other universal React packages.

koa-graphiql

Koa middleware to display GraphiQL, the interactive GraphQL UI

video-background-example

This example has moved

gl-test

Examples and tests for OpenGL rendering in Expo.

three-ar-test

Using Expo's AR functionality with THREE.js

BrightSky

Learn how to use Expo with this simple weather app!

expo-postpublish-slack-notify

breakout

hyperinstall

Runs "yarn" and "npm install" in several directories with extreme speed when possible

electron-cookies

Provides document.cookie support for Electron

pound-random

Expo Blue - a discussion app for small groups