All Projects → expo → Create React Native App

expo / Create React Native App

Licence: bsd-3-clause
Create React Native apps that run on iOS, Android, and web

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to Create React Native App

react-ssr-advanced-seed
🔮 React SSR Advanced Seed (Typescript + nestJS + React SSR + React Native + Docker)
Stars: ✭ 76 (-99.41%)
Mutual labels:  react-native-app, react-native-web
React Native Paper Dates
Smooth and fast cross platform Material Design date and time picker for React Native Paper
Stars: ✭ 173 (-98.65%)
Mutual labels:  react-native-web
Insta Snap
Instagram and Snapchat like React Native App
Stars: ✭ 107 (-99.17%)
Mutual labels:  react-native-app
Qrcode
React Native app for scanning and creating QR codes
Stars: ✭ 138 (-98.93%)
Mutual labels:  react-native-app
React Native Web Modal
React Native Modal Implementation for Web
Stars: ✭ 114 (-99.11%)
Mutual labels:  react-native-web
React Native Web Hooks
Hooks for React Native web and Expo
Stars: ✭ 157 (-98.78%)
Mutual labels:  react-native-web
Ruui
React's cross-platform UI for Web and Native (Android, iOs)
Stars: ✭ 103 (-99.2%)
Mutual labels:  react-native-web
Svgs
svgs is a compatiblity layer between svg and react-native-svg
Stars: ✭ 182 (-98.58%)
Mutual labels:  react-native-web
Nachos Ui
Nachos UI is a React Native component library.
Stars: ✭ 2,037 (-84.14%)
Mutual labels:  react-native-web
Expo Dark Mode Switch
A beautiful React dark mode switch component for iOS, Android, and Web
Stars: ✭ 137 (-98.93%)
Mutual labels:  react-native-web
Expo Cli
Tools for creating, running, and deploying universal Expo and React Native apps
Stars: ✭ 1,993 (-84.49%)
Mutual labels:  react-native-web
React Native Web Swiper
Swiper-Slider for React-Native and React-Native-Web
Stars: ✭ 125 (-99.03%)
Mutual labels:  react-native-web
React Native Google Maps Directions
🚕 Get direction using Google Maps in React Native 🚗
Stars: ✭ 160 (-98.75%)
Mutual labels:  react-native-app
React Native Firebase Chat
React Native chat application using firebase.
Stars: ✭ 113 (-99.12%)
Mutual labels:  react-native-app
Reactnativeuniversal
A demonstration of sharing javascript react-native code between mobile, desktop and web environments
Stars: ✭ 178 (-98.61%)
Mutual labels:  react-native-web
React Nativeish
React Native / React Native Web Boilerplate
Stars: ✭ 106 (-99.17%)
Mutual labels:  react-native-web
React Native Navigation Animation
Transition navigation component for React Native
Stars: ✭ 133 (-98.96%)
Mutual labels:  react-native-app
Reactnative Book Demo
我的出版书籍《React Native 精解与实战》配套源码
Stars: ✭ 139 (-98.92%)
Mutual labels:  react-native-app
React Native Confetti Cannon
React Native confetti explosion and fall like iOS does.
Stars: ✭ 149 (-98.84%)
Mutual labels:  react-native-web
Dyfbuyapp
我的第一个react-native学习成果,欢迎各位大佬star和issue!👏👏
Stars: ✭ 180 (-98.6%)
Mutual labels:  react-native-app

create-react-native-app

Create React Native App

The fastest way to create universal React Native apps

Supports Expo iOS Supports Expo Android Supports Expo Web

the best way to bootstrap a react native app

npx create-react-native-app

Once you're up and running with Create React Native App, visit this tutorial for more information on building mobile apps with React.

Product: demo

Features

  • Native project ready to be built on to your device.
  • Support for unimodules and auto-linking.
  • OTA updates, and Gestures out of the box.
  • Full support for React Native web.
  • Plug-n-play custom templates.
  • Works with the Expo Client app.

Usage

  • npx create-react-native-app Create a new native React app.
  • yarn ios -- (expo run:ios) Build the iOS App (requires a MacOS computer).
  • yarn android -- (expo run:android) Build the Android App.
  • yarn web -- (expo start:web) Run the website in your browser.

Templates

By default you create a bare-workflow React project with support for iOS, Android, and web. You can opt to use an example project instead by selecting the "Templates from ..." option. Custom templates can be used with --template <Example Name or GitHub URL> option.

  • Use an example: npx create-react-native-app -t with-typescript
  • Use a custom template: npx create-react-native-app --template https://github.com/someone/my-react-starter -- Only works with GitHub repos on the master branch.
  • All examples can be modified in the expo/examples repo.

Sections

Usage with Expo Client App

Expo Client enables you to work with all of the Components and APIs in react-native, as well as the JavaScript APIs that the are bundled with the Expo App.

Expo Client supports running any project that doesn't have custom native modules added.

  • Download the "Expo Client" app from the Play Store or App Store.
  • Start your project with Expo
    • Install the CLI npm i -g expo-cli
    • Start the project expo start
  • Open the project:
    • Sign in to expo and the project will appear in the app.
    • Or point your phone's camera at the QR code in the terminal (press "c" to view it).

Support and Contact

If you're having issues with Create React Native App, please make sure:

  • The issue is not covered in the Expo Docs
  • There is not already an open issue for your particular problem

If you've checked the documentation and currently open issues, please either open a new GitHub issue or ask a question on Expo forums.

Contributing

Please see Contributing guide in the Expo CLI monorepo for instructions on contributing to Expo CLI.

Attribution

The examples feature was inspired by the templates system of create-next-app by the Vercel team.

Related

CRNA is focused on being the fastest way to bootstrap a React Native app without worrying about the native platforms or bundlers required for developing and shipping apps. Other tools provide both an init script (which is slower) and a suite of other tools that can be used for interacting with the project. CRNA is meant to be used with any of the following tools:

Contributors

All Contributors

Thanks goes to these wonderful people (emoji key):


Evan Bacon

💻 📖 🎨 🚧 👀

Brent Vatne

💻 📖 👀

Hamza Halilovic

💻

Cedric van Putten

💻

Ville Immonen

💻 👀

Frieder Bluemle

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].