GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → turbothinh → React Native Cross Platform Starter

turbothinh / React Native Cross Platform Starter

Licence: mit
One codebase to build for iOS, Android, Web and Desktop with React-Native

Programming Languages

typescript
32286 projects

Labels

react-nativeelectroncross-platformjestreact-native-web

Projects that are alternatives of or similar to React Native Cross Platform Starter

Pillar Valley
👾A cross-platform video game built with Expo, three.js, and Firebase! 🎮🕹
Stars: ✭ 242 (+139.6%)
Mutual labels:  cross-platform, react-native-web
React Nativeish
React Native / React Native Web Boilerplate
Stars: ✭ 106 (+4.95%)
Mutual labels:  jest, react-native-web
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+18441.58%)
Mutual labels:  cross-platform, jest
Ruui
React's cross-platform UI for Web and Native (Android, iOs)
Stars: ✭ 103 (+1.98%)
Mutual labels:  cross-platform, react-native-web
Recyclerlistview
High performance listview for React Native and web!
Stars: ✭ 4,033 (+3893.07%)
Mutual labels:  cross-platform, react-native-web
Neuchar
Senparc.NeuChar 跨平台信息交互标准
Stars: ✭ 96 (-4.95%)
Mutual labels:  cross-platform
Newschool Backend
Plataforma de ensino para pessoas carentes
Stars: ✭ 98 (-2.97%)
Mutual labels:  jest
Flutter todo
Yet another Todo app, now using Flutter (with ScopedModel)
Stars: ✭ 94 (-6.93%)
Mutual labels:  cross-platform
Bupt Ncov Report
自动填写北邮”疫情防控通“的每日上报信息。
Stars: ✭ 95 (-5.94%)
Mutual labels:  cross-platform
Influxdb Cpp
💜 C++ client for InfluxDB.
Stars: ✭ 100 (-0.99%)
Mutual labels:  cross-platform
Openpanzer
Javascript/HTML5 rewrite of Panzer General 2 game
Stars: ✭ 98 (-2.97%)
Mutual labels:  cross-platform
Simple React Calendar
A simple react based calendar component to be used for selecting dates and date ranges
Stars: ✭ 97 (-3.96%)
Mutual labels:  jest
Vue Mooc
🔰使用Vue3.0全家桶+TS+Jest重构慕课网PC端
Stars: ✭ 97 (-3.96%)
Mutual labels:  jest
Democracy Client
DEMOCRACY App Client
Stars: ✭ 98 (-2.97%)
Mutual labels:  jest
Shapes
📐 Net standard geometry/shape manipulation library, can be used to merge / split shapes
Stars: ✭ 95 (-5.94%)
Mutual labels:  cross-platform
Cron4s
Cross-platform CRON expression parsing for Scala
Stars: ✭ 99 (-1.98%)
Mutual labels:  cross-platform
Match Media
Universal polyfill for match media API using Expo APIs on mobile
Stars: ✭ 95 (-5.94%)
Mutual labels:  react-native-web
Jest Glamor React
Jest utilities for Glamor and React
Stars: ✭ 97 (-3.96%)
Mutual labels:  jest
Vbasync
Cross-platform tool to synchronize macros from an Office VBA-enabled file with a version-controlled folder
Stars: ✭ 98 (-2.97%)
Mutual labels:  cross-platform
Npm Registry Browser
Browse the npm registry with an SPA made in React, with full dev workflow.
Stars: ✭ 97 (-3.96%)
Mutual labels:  jest
View All Similar Projects ➔

React Native Cross-platform Apps

Production ready starter to build cross platform app with React Native.

Features

  • Platforms
    • [x] Run on iOS with react-native
    • [x] Run on Android with react-native
    • [x] Run on web with react-native-web
    • [x] Run on desktop with electron
  • Development
    • [x] Testing with Jest'
    • [x] Absolute import paths
    • [x] Webpack loaders for JS, TS, fonts, files included
    • [x] Native debuggers with Flipper: reactotron, redux-debugger, etc
    • [x] Redux debuggger for web
  • Design
    • [x] Design system with Dark mode
    • [x] Icons with eva-icons
    • [x] Render semantic tags like H1, H2, H3 tag on web for better SEO
  • Libraries
    • [x] Redux + Redux-Toolkit for state management + Persist-storage
    • [x] i18n with i18next
    • [x] Tab navigation with react-navigation
    • [x] Deep linking

Customization

Clone this project

  • Folk or clone this project
  • In the root folder, run yarn && yarn app:dep to install the dependencies.
  • Run the app: On terminal 1, run packager with yarn app:start. On terminal 2, run yarn ios or yarn android for respective platform.
  • Run on web: Run yarn web:dev
  • Run on desktop: yarn electron

Set you your brand

  • Change project name: Inside root folder, run npx react-native-rename <your-new-project-name> to rename the app
  • Change project icon: Replace the icon.png and logo.png inside public/assets folder with your own assets. Then run yarn generate:icon && yarn generate:bootsplash

Set up deep

Development

Debug app with Flipper

This project comes with some Flipper integrations by default. You should install Flipper for desktop together with these plugins for development:

Debug app on web

For development on the web, you can also install Redux-Debugger Chrome extension

Tool recommendations

  • Fastlane
  • Codepush

Contribution

I do accept PRs, so please feel free to create PRs. It is prefered that the commits are following Conventional Commit

License

This project is licensed under MIT License.

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].