Snack
snack.expo.dev
Snack - React Native in the browser
Write code in Expo's online editor and instantly use it on your phone.
GitHub
github.com › expo › snack
GitHub - expo/snack: Expo Snack lets you run Expo in the browser.
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.
Starred by 466 users
Forked by 159 users
Languages TypeScript 95.7% | JavaScript 2.1%
Videos
02:08
Snack Attack: Building Your First App with React Native Expo! - ...
React Native - Using Expo Snack for Online Development
39:24
Making an App with React Native and Expo - YouTube
03:35
Using Snack expo code React Online - YouTube
10:26
Mobile Development: React Native: Working with Expo Snack - YouTube
11:42
React Native - Using Expo Snack for Online Development - YouTube
Can I use Expo (or Expo Snacks) to showcase the app I’ve built?
For expo itself, i´m aware only about the expo go app, or build a package local with eas (and distribute it as APK, IPA, but that requires the users to enable developer mode, etc, to install it)You can also use internal testing in Google Play Console, or Testflight in Apple, to distribute betas and previews openly or closed to your criteria. More on reddit.com
5
0
January 23, 2024Snack for That
These rock More on reddit.com
4
2
March 31, 2022React Native - expo snack and local env produce different results
The view is clickable and everything seems ok. Snack link for those interested. Ok. The problem comes when trying to use the exact same code in a local environment created with React Native 0.62 CLI. More on stackoverflow.com
Beginning with react native in snack
Snack is ok, but it's limiting. If you're only going to be working on a machine or two, I'd just setup the project locally through VSCode/Atom/whatever else people are using to code now. Setting up Expo is very quick and easy and you'll be more productive. More on reddit.com
4
1
August 17, 2019Stack Overflow
stackoverflow.com › questions › 78216661 › expo-snack-app-based-on-react-navigation-native-works-on-its-web-variant-but-it
Expo Snack app based on @react-navigation/native works on its Web variant but it crashes as it is started both on its Android and on its iOS variants
I've been trying to write React Native apps on Expo's Snack Web interface. Here's the code I've been playing with [2]. It runs smoothly on its Web incarnation but as I choose its Android or iOS var...
Medium
medium.com › @waadlingaadil › how-to-use-expo-snacks-in-react-native-lft-2-653853c9f503
How to use Expo Snacks in React Native: Lft #2 | by Aadil Mallick | Medium
January 5, 2023 - Expo Snack is a great online tool for developing mobile apps with React Native — all in the browser. Let’s jump into how it works:
Delicious Brains
deliciousbrains.com › blog › javascript in the shallow end: browser-based react native with expo snack
JavaScript in the Shallow End: Browser-Based React Native With Expo Snack
June 12, 2023 - Expo Snack is a web-based code editor for building shareable, runnable React Native code examples. One of the key benefits of Expo Snack is that it allows developers to collaborate with others in real-time.
LinkedIn
linkedin.com › learning › learning-react-native › creating-a-snack
Creating a Snack - Learning React Native Video Tutorial | LinkedIn Learning, formerly Lynda.com
Expo Snack has a browser-based development environment where you can begin building applications that you can test on your devices immediately. In this video, learn how to start developing React Native applications quickly and easily in the ...
Published June 11, 2020
npm
npmjs.com › package › react-native-snackbar
react-native-snackbar - npm
March 29, 2025 - Material Design "Snackbar" component for Android and iOS.. Latest version: 2.9.0, last published: 6 months ago. Start using react-native-snackbar in your project by running `npm i react-native-snackbar`. There are 19 other projects in the npm registry using react-native-snackbar.
» npm install react-native-snackbar
Published Mar 29, 2025
Version 2.9.0
Author Azendoo
React Native
reactnative.dev › docs › getting-started
Introduction · React Native
October 8, 2025 - While we do our best to assume no prior knowledge of React, Android, or iOS development, these are valuable topics of study for the aspiring React Native developer. Where sensible, we have linked to resources and articles that go more in depth. This introduction lets you get started immediately in your browser with interactive examples like this one: The above is a Snack Player.
Reddit
reddit.com › r/expo › can i use expo (or expo snacks) to showcase the app i’ve built?
r/expo on Reddit: Can I use Expo (or Expo Snacks) to showcase the app I’ve built?
January 23, 2024 -
So basically I’m pretty new to programming and very new to app creation. What I’m looking to accomplish is the following:
build an app using React Native.
be able to showcase that app off to potential employers.
To accomplish this, I figure Expo comes in at some point, since I currently have downloaded the Expo Go app and do see the code I’ve written on my computer reflected in the app. This seems all good so far, but I don’t think I quite understand how I can share this work with others. From what I understand, Expo Go will only show the work from your computer’s code if you’re on the same network and have synced up the two via a QR code (I’m currently not on the same network as my code/computer and tried to open my project in Expo Go, to no avail).
Is there a workaround/better way to do this? Basically I want my app to be shareable so that other non-developers can see/use/test it, including uploading their own pictures, etc into the app. Is this possible and, if so, can Expo or any of its tools come into play in this process?
Top answer 1 of 3
2
For expo itself, i´m aware only about the expo go app, or build a package local with eas (and distribute it as APK, IPA, but that requires the users to enable developer mode, etc, to install it)You can also use internal testing in Google Play Console, or Testflight in Apple, to distribute betas and previews openly or closed to your criteria.
2 of 3
1
A couple suggestions: Expo Go mobile app: you can share a link to your code to anyone else with expo go installed. This is best but employers might not have it preinstalled and probably won’t install just for you. You can share your phone. You can get a demo device and load your app there. You can show them from the emulator on your laptop because you said you wanted to share the code with them at same time. You could publish all the way to the store and let people see it that way.
WebCatalog
webcatalog.io › home › apps › software development › expo snack › desktop app
Expo Snack - Desktop App for Mac, Windows (PC) - WebCatalog
Expo Snack is a cloud-based React Native sandbox that allows users to write, test, and preview React Native code directly in the browser. This tool provides a comprehensive development environment, enabling users to create and run React Native ...
Reddit
reddit.com › r/reactnative › snack for that
r/reactnative on Reddit: Snack for That
March 31, 2022 -
A collection of useful and compelling Expo Snacks. I've been posting a new one every day for the last 18 days on Twitter. I'll be posting one more a day for the next 12 days.
I'm looking for suggestions for new snacks so if you want to see something built or have something of your own, shoot me a DM on Twitter :)
https://snackforthat.com
Top answer 1 of 2
2
These rock
2 of 2
1
This is cool, gunna check it out. It’s really a crime that Expo hasn’t introduced a social sharing feature with Snacks. A website like Behanced but for actual working code instead of some UI designer’s fever dream would be wonderful. Edit: could you make the “main” link when you click a project use the actual exp:// URL? And maybe a second button for viewing the code/whatever. When using this on mobile (which would make most sense) it opens a new tab for every project I view, whereas it could just open the Expo Go app immediately and I don’t have to close a useless tab.
Expo
expo.dev
Expo
Write your native app with React.
Callstack
oss.callstack.com › snackbar
Snackbar | React Native Paper
Snackbars provide brief feedback about an operation through a message rendered at the bottom of the container in which it's wrapped. Note: To display it as a popup, regardless of the parent's position, wrap it with a Portal component – refer to the example in the "More Examples` section. import * as React from 'react'; import { View, StyleSheet } from 'react-native...
GitHub
github.com › netguru › react-native-recruitment-snack
GitHub - netguru/react-native-recruitment-snack: React Native recru weather app snack repository
This project is a recruitment task designed to be used within Expo Snack. It provides a simple example of a React Native weather app.
Author netguru
Callstack
callstack.com › case-studies › building-a-browser-based-react-native-playground-for-expo
Building a browser-based React Native playground for Expo | Callstack
2 weeks ago - Instead of generating full bundles, ... significantly faster. ... Snack delivered on its goal of removing setup friction and making it easier to experiment with React Native....
LinkedIn
linkedin.com › pulse › comparing-snackexpoio-react-native-windows-vnext-todd-bandrowsky
Comparing snack.expo.io to React Native for Windows vNext
November 13, 2019 - That's pretty powerful, especially for a lot of shops that are not only Windows only but are also locked down for USB and WiFi and networking in such a way that using React Native on an Android or iPhone is fairly impractical. Now Snack is the reigning champ for rapidly prototyping using React Native, so let's take Windows React Native vNext up against the best and see where we stand.
Expo Documentation
docs.expo.dev
Expo Documentation
ArchiveExpo SnackDiscord and ForumsNewsletter · State of React Native 2025 · Have a few minutes and want to shape the future of React Native? Fill out the Survey Now! Build one JavaScript/TypeScript project that runs natively on all your users' devices. Terminal · Copy ·
Stack Overflow
stackoverflow.com › questions › 62370045 › react-native-expo-snack-and-local-env-produce-different-results
React Native - expo snack and local env produce different results
removing the flex:0.7 on Touchableopacity makes no difference on local, and if you remove it on snack it makes the view dissapear ... I actually managed to solve this: it was one my side. ALWAYS look from where you import stuff. In my case the autoimport came from · import { TouchableOpacity } from 'react-native-gesture-handler';
Exposition
blog.expo.dev › sketch-a-playground-for-react-native-16b2401f44a2
Snack — A Playground for React Native | by Satyajit Sahoo | Exposition
September 6, 2018 - Today, we’re happy and excited to announce the release of Expo Snack. You can try it right now by going to https://snack.expo.io/ on your computer’s web browser. I’ve been always excited about tools…
npm
npmjs.com › package › react-native-snack
react-native-snack - npm
July 12, 2019 - Simple snackbar component for React Native.
» npm install react-native-snack
Published Jul 12, 2019
Version 1.0.2
Author Kota Nonaka