All Projects → noootown → deeperience-react-native

noootown / deeperience-react-native

Licence: MIT license
React native boilerplate made by Deeperience

Programming Languages

javascript
184084 projects - #8 most used programming language
objective c
16641 projects - #2 most used programming language

Projects that are alternatives of or similar to deeperience-react-native

vaktija.ba
Web Site
Stars: ✭ 19 (-77.65%)
Mutual labels:  react-router
use-react-router-breadcrumbs
tiny, flexible, hook for rendering route breadcrumbs with react-router v6
Stars: ✭ 170 (+100%)
Mutual labels:  react-router
book-fullstack-react
Fullstack React: The Complete Guide to ReactJS and Friends by Anthony Accomazzo
Stars: ✭ 100 (+17.65%)
Mutual labels:  react-router
gorecipe
Aplikasi web serderhana untuk mencari resep masakan khas indonesia yang dibuat menggunakan ReactJS.
Stars: ✭ 20 (-76.47%)
Mutual labels:  react-router
react-micro-blog
🛠🛠🛠 A Simple Front-end React Application which Acts as a Complete Blog 🛠🛠🛠
Stars: ✭ 28 (-67.06%)
Mutual labels:  react-router
cnode-react-app
基于react的仿cnode社区项目
Stars: ✭ 17 (-80%)
Mutual labels:  react-router
async-react-router
Client side react router with async. It like next.js!
Stars: ✭ 21 (-75.29%)
Mutual labels:  react-router
react-ssr
从零搭建一个react-ssr框架 解决页面js事件 样式同构 服务器客户端路由 数据注水脱水等问题
Stars: ✭ 42 (-50.59%)
Mutual labels:  react-router
ReactCnodeJS
☀️React 初/中级项目,CnodeJS社区重构 (a junior project, rewrite cnodejs.org ) 🌟 DEMO:
Stars: ✭ 66 (-22.35%)
Mutual labels:  react-router
nav-state-react-router
📕 Article Repo: Maintaining Navigation State with React-Router and Redux
Stars: ✭ 18 (-78.82%)
Mutual labels:  react-router
molecule
⚛️ –  – ⚛️ Boilerplate for cross platform web/native react apps with electron.
Stars: ✭ 95 (+11.76%)
Mutual labels:  react-router
gavinanthony.com
gavinanthony.com
Stars: ✭ 34 (-60%)
Mutual labels:  react-router
create-new-app
Easily generate a new fully-equiped React project, optionally with Redux, React Router, Express, or MongoDB.
Stars: ✭ 26 (-69.41%)
Mutual labels:  react-router
reactube-client
A clone Youtube Web Player using React Provider Pattern, React Context and Typescript
Stars: ✭ 92 (+8.24%)
Mutual labels:  react-router
elegant-react-ssr
Server-side rendering with create-react-app, React Router v4, Helmet, Redux, and Thunk boilerplate, without ejecting CRA
Stars: ✭ 16 (-81.18%)
Mutual labels:  react-router
awesome-remix
No description or website provided.
Stars: ✭ 263 (+209.41%)
Mutual labels:  react-router
React-Native-Showcase
Best List of Open Source / Examples / Free / Case Study & Featured Template React Native Apps
Stars: ✭ 39 (-54.12%)
Mutual labels:  react-router
nextjs-react-router
A demonstration of how to use React Router inside Next.js
Stars: ✭ 64 (-24.71%)
Mutual labels:  react-router
coconat
🍥 StarterKit Builder for rocket-speed App creation on 🚀 React 17 + 📙 Redux 4 + 🚠 Router 5 + 📪 Webpack 5 + 🎳 Babel 7 + 📜 TypeScript 4 + 🚔 Linters 23 + 🔥 HMR 3
Stars: ✭ 95 (+11.76%)
Mutual labels:  react-router
Oud
🎵 The frontend of Oud, an online music streaming service that is a mimic of Spotify with all its functionalities built using ReactJS, React-Router, Bootstrap.
Stars: ✭ 48 (-43.53%)
Mutual labels:  react-router

Deeperience-React-Native

IMPORTANT

This project is not maintained anymore, since I have no time.

This boilerplate was inspired by boilerplates below

Books

Online books

Repository

Techniques

Features

  • Linter
  • Airbnb coding styles
  • Static type Checker
  • Unit Test
  • I18n
  • Live Reload + Hot Reload
  • Firebase Login
  • BAAS (Backend as a server)
  • Social Authentication (Facebook, Google+)
  • Git Precommit test
  • iOS & Android Custom Style
  • Local storage
  • Redux logger
  • Font awesome

Installation

  1. Install React Native

  2. Install Deeperience-React-Native

git clone https://github.com/noootown/deeperience-react-native.git

npm install

Config (Required)

Service in this boilerplate rely on Firebase, so to make this boilerplate run, you must create your own firebase config src/config.js. To check the format of the config, you can take a look at src/config-template.js

To get the api key and configs of firebase, you can take a look at Firebase Document. Your API key must be in your firebase project in the console

Run

Open a terminal and type

npm run start

Then open another terminal and run the following script:

Android

react-native run-android

iOS

react-native run-ios

Other Useful Script

We defined a lot of useful script in the package.json, and you can just do some magic to your projects within a few word typing.

Run linter

npm run lint

Fix coding style

npm run fix-lint

Static type checking

npm run flow

or 

flow

Jest watching

npm run jw

Mocha

npm run mocha

Test

npm run test

Precommit (lint + static type check + unit test)

npm run precommit

Deploy

Way to Go

v1.0+

  • Travis Testing
  • Logo
  • Redux form or a better form system
  • Mongodb Better Integration
  • Strict file and function comment
  • Better ESlint Rule
  • Better CSS style like sass or postcss
  • Better data model design

LICENSE

MIT

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