All Projects → trinadhkoya → React Native App Boilerplate

trinadhkoya / React Native App Boilerplate

A simple and scalable boiler plate code for React Native App using React Native Navigation by WiX and Saga .

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

timeoff-server
TimeOff is an application that allows companies' employees to set vacations before they begin taking their time off. Implemented in modern tech stack i.e. Node, Express, MongoDB.
Stars: ✭ 33 (+266.67%)
Mutual labels:  redux-saga, react-redux
react-redux-crud
An example react-redux-saga CRUD application
Stars: ✭ 47 (+422.22%)
Mutual labels:  redux-saga, react-redux
redux-saga-rn-alert
Alert.alert()-Support for side effects with redux-saga in react-native-apps
Stars: ✭ 23 (+155.56%)
Mutual labels:  redux-saga, react-redux
isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (+111.11%)
Mutual labels:  redux-saga, react-redux
Youtube React
A Youtube clone built in React, Redux, Redux-saga
Stars: ✭ 421 (+4577.78%)
Mutual labels:  react-redux, redux-saga
admin-template-for-react
🌏 Admin template for React, React Redux, Redux Saga, React Router, i18n and integrated OAuth login
Stars: ✭ 83 (+822.22%)
Mutual labels:  redux-saga, react-redux
OneArtical
learning and practice redux,react-redux,redux-saga,redux-persist,redux-thunk and so on
Stars: ✭ 61 (+577.78%)
Mutual labels:  redux-saga, react-redux
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+10022.22%)
Mutual labels:  fetch, react-redux
React Social Network
Simple React Social Network
Stars: ✭ 409 (+4444.44%)
Mutual labels:  react-redux, redux-saga
React Native Boilerplate
🚀 Type Based Architecture for developing React Native Apps using react, redux, sagas and hooks with auth flow
Stars: ✭ 375 (+4066.67%)
Mutual labels:  react-redux, redux-saga
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (+444.44%)
Mutual labels:  redux-saga, react-redux
React Redux Boilerplate
A minimal React-Redux boilerplate with all the best practices
Stars: ✭ 799 (+8777.78%)
Mutual labels:  react-redux, redux-saga
rapid-react
A light weight interactive CLI Automation Tool 🛠️ for rapid scaffolding of tailored React apps with Create React App under the hood.
Stars: ✭ 73 (+711.11%)
Mutual labels:  redux-saga, react-redux
auth-with-saga-example
code for https://medium.com/@stepankuzmin/authentication-with-react-router-redux-5-x-and-redux-saga-55da66b54be7
Stars: ✭ 14 (+55.56%)
Mutual labels:  redux-saga, react-redux
fetchye
✨ If you know how to use Fetch, you know how to use Fetchye [fetch-yae]. Simple React Hooks, Centralized Cache, Infinitely Extensible.
Stars: ✭ 36 (+300%)
Mutual labels:  fetch, react-redux
SHOPMATE
front-end e-commerce system
Stars: ✭ 12 (+33.33%)
Mutual labels:  redux-saga, react-redux
React Native Feature Boilerplate
Feature based Architecture for developing Scalable React Native Apps 🚀 using react, redux, sagas and hooks
Stars: ✭ 139 (+1444.44%)
Mutual labels:  react-redux, redux-saga
Todo Redux Saga
Todo app with Create-React-App • React-Redux • Redux-Saga • Firebase • OAuth
Stars: ✭ 184 (+1944.44%)
Mutual labels:  react-redux, redux-saga
ReactNativeSagaFrame
RN开发(一切尽在代码中)
Stars: ✭ 13 (+44.44%)
Mutual labels:  redux-saga, react-redux
Soundcloud Redux
SoundCloud API client with React • Redux • Redux-Saga
Stars: ✭ 681 (+7466.67%)
Mutual labels:  react-redux, redux-saga

react-native-navigation-bootstrap

Clone this repository to start a project based on

"react-native": "0.51.1",
"react": "^16.3.0-alpha.1",
"react-native-navigation": "^2.0.0",
"react-native-ui-lib": "^3.3.32"

Check react-native-navigation's documentation for usage details.

preparing your project

Download npm dependencies:

npm i -g react-native-cli
npm install

Renaming the project

If you would like to rename the project you can use React Native Rename

After running React Native Rename, in order to run the project successfully, you will need to manually update your app name in src/screens.js, where <appname> is the name of your app.

-  Navigation.registerComponent('reactNativeInit.App', () => App);
+  Navigation.registerComponent('<appname>.App', () => App);

Running your project

From project dir, run:

iOS

  1. Run the packager

    npm run start
    
  2. Open the project in xcode from ios/reactNativeInit.xcodeproj

  3. Build and run from Xcode

Android

  1. Start an emulator

  2. Build and run

    react-native run-android
    

    This would also start a packager if not already started

  3. Set your Emulator to live reload changes +m (cmd+m) => Enable Hot Reloading

To open packager manually, from project dir run:

react-native start

LICENSE

The MIT License (MIT)

Copyright (c) 2018 Trinadh Koya

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:**

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