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 â†’ spoman007 â†’ reactXstarter

spoman007 / reactXstarter

Licence: MIT license
React + Redux + React Native Starter Kit with reusable business logic. Sample TODO app built in.

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language
Starlark
911 projects
HTML
75241 projects
CSS
56736 projects
java
68154 projects - #9 most used programming language

Labels

reactreduxboilerplatemobilereact-nativecross-platformmonorepostarter-kitreactnative

Projects that are alternatives of or similar to reactXstarter

relay-starter-kit
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, Material UI.
Stars: ✭ 3,513 (+8264.29%)
Mutual labels:  monorepo, starter-kit
Graphql Starter
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.
Stars: ✭ 3,377 (+7940.48%)
Mutual labels:  monorepo, starter-kit
React Native Spaceviewer
See and search upcoming and previous rocket space launches! Built with React Native, using Detox E2E tests, Fastlane and Github Actions for app store deployment.
Stars: ✭ 61 (+45.24%)
Mutual labels:  monorepo, reactnative
Pencil.js
✏️ Nice modular interactive 2D drawing library
Stars: ✭ 204 (+385.71%)
Mutual labels:  monorepo
Margarita
[not actively maintained] Mobile and Web application implementing Kiwi.com Tequila API
Stars: ✭ 213 (+407.14%)
Mutual labels:  monorepo
react-native-animated-screen
React Native Animated Screens made easy
Stars: ✭ 28 (-33.33%)
Mutual labels:  reactnative
hasura-node-monolith-example
Example of a monolithic web application using Hasura GraphQL Engine + Node.js + Next.js
Stars: ✭ 25 (-40.48%)
Mutual labels:  monorepo
Monorepo Builder
[READ-ONLY] Not only Composer tools to build a Monorepo - Init, Split and Release Monorepo
Stars: ✭ 201 (+378.57%)
Mutual labels:  monorepo
Android-Starter-Kit
This is up-to-date android studio project for native android application, that is using modern tools and libraries.
Stars: ✭ 16 (-61.9%)
Mutual labels:  starter-kit
boiler
Another Golang boilerplate
Stars: ✭ 21 (-50%)
Mutual labels:  starter-kit
Clean Architecture Manga
🌀 Clean Architecture with .NET6, C#10 and React+Redux. Use cases as central organizing structure, completely testable, decoupled from frameworks
Stars: ✭ 3,104 (+7290.48%)
Mutual labels:  monorepo
Stator
Stator, your go-to template for the perfect stack. 😍🙏
Stars: ✭ 217 (+416.67%)
Mutual labels:  monorepo
introduction-nodejs
Introduction to NodeJS
Stars: ✭ 13 (-69.05%)
Mutual labels:  monorepo
Puppeteer Extra
💯 Teach puppeteer new tricks through plugins.
Stars: ✭ 3,397 (+7988.1%)
Mutual labels:  monorepo
finclip-react-native-demo
FinClip RN 运行环境，让小程序在 RN 应用中无缝运行 / ReactNative DEMO for FinClip
Stars: ✭ 36 (-14.29%)
Mutual labels:  reactnative
Circleci Monorepo
An example of monorepo with CircleCI using conditional workflows and pipeline parameters.
Stars: ✭ 205 (+388.1%)
Mutual labels:  monorepo
notebooks
A docker-based starter kit for machine learning via jupyter notebooks. Designed for those who just want a runtime environment and get on with machine learning. Docker tags:
Stars: ✭ 29 (-30.95%)
Mutual labels:  starter-kit
Rushstack
Monorepo for tools developed by the Rush Stack community
Stars: ✭ 3,465 (+8150%)
Mutual labels:  monorepo
Fsqio
A monorepo that holds all of Foursquare's opensource projects
Stars: ✭ 223 (+430.95%)
Mutual labels:  monorepo
sseeeedd
Seed for front-end culture :)
Stars: ✭ 15 (-64.29%)
Mutual labels:  starter-kit
View All Similar Projects ➔

reactXstarter

React + Redux + React Native Starter Kit with reusable business logic. Sample TODO app built in.

https://youtu.be/9S3mpotVgXg?t=1833

What is this Repository?

  1. Demo of how the code can be reused between React and React Native Application
  2. Extracts the business logic to a seperate npm package
  3. Uses Redux to write application business logic: Actions and Reducers are extracted to a seperate npm package.

Code Structure

  1. web: A web application created using Create React App
  2. mobile: Mobile app created using React Native cli
  3. core: The npm package which contains extracted business logic(Actions, Reducers etc). This is reused in both web and mobile

How to use

  1. npm install and npm link in Core
  2. npm install and npm link core in Web and Mobile

Sample Screenshots

Mobile

Web

Other Options

  1. Use Lerna and Yarn workspace to manage multiple packages. Here are couple of good implementations
    https://github.com/fixerteam/React-Native-monorepo
    https://github.com/drgx/react-native-plus-web

  2. Use React Native Web
    https://blog.logrocket.com/the-state-of-react-native-web-in-2019-6ab67ac5c51e/

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