Running React Native everywhere

• react-native-universal-monorepo

  12 1,663 0.0 JavaScript

  React Native boilerplate supporting multiple platforms: Android, iOS, macOS, Windows, web, browser extensions, Electron.

For the sake of simplicity, code is written in plain JavaScript. Still, you can add support for TypeScript if needed (you can use the React Native Universal Monorepo as an example; it's written in TypeScript).

• create-react-app

  576 101,923 1.5 JavaScript

  Set up a modern web app by running one command.

  

For the web app, the browser extension, and the Electron app, we'll use React Native for Web. To simplify their setup, we'll use Create React App, and customize it using CRACO — but you're free to use other React-based frameworks as well (e.g., NextJS).

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• craco

  32 7,371 6.4 TypeScript

  Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.

  

For the web app, the browser extension, and the Electron app, we'll use React Native for Web. To simplify their setup, we'll use Create React App, and customize it using CRACO — but you're free to use other React-based frameworks as well (e.g., NextJS).

• TypeScript

  1,307 98,169 9.9 TypeScript

  TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  

For the sake of simplicity, code is written in plain JavaScript. Still, you can add support for TypeScript if needed (you can use the React Native Universal Monorepo as an example; it's written in TypeScript).

• webpack

  331 64,179 9.8 JavaScript

  A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  

This is not a "how to create a React Native app" guide. We'll spend most of the time getting our hands dirty by tweaking React Native's metro bundler, customizing Webpack configurations, and learning how monorepos and Yarn workspaces work.

• react-native

  525 116,112 10.0 C++

  A framework for building native applications using React

  

Since its inception, React Native's focus has always been enabling developers to write native applications using React. And by "native", they don't mean just "mobile" apps. Yes, React Native is mainly known for its Android and iOS support, but its scope is steadily expanding: be it mobile devices, desktop apps, VR, or websites, React Native has an answer to almost every platform nowadays.

• react-native-web

  62 21,359 6.7 JavaScript

  Cross-platform React UI packages

For the web app, the browser extension, and the Electron app, we'll use React Native for Web. To simplify their setup, we'll use Create React App, and customize it using CRACO — but you're free to use other React-based frameworks as well (e.g., NextJS).

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• react-native-windows

  71 15,960 9.6 C++

  A framework for building native Windows apps with React.

  

We'll generate the iOS and Android app using React Native CLI, and the Windows and macOS apps app using React Native for Windows + macOS.

• metro

  16 5,065 9.3 JavaScript

  🚇 The JavaScript bundler for React Native

  

This is not a "how to create a React Native app" guide. We'll spend most of the time getting our hands dirty by tweaking React Native's metro bundler, customizing Webpack configurations, and learning how monorepos and Yarn workspaces work.

Suggest a related project