All Projects → cassiolpaixao90 → boilerplate-react-redux-pwa

cassiolpaixao90 / boilerplate-react-redux-pwa

Licence: MIT license
It's sample boilerplate with pwa + react + redux + redux-saga

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to boilerplate-react-redux-pwa

PERN-Advanced-Starter
Advanced PERN stack starter kit (PostgresSQL, Express, React, & Node), complete with ESLint, Webpack 4, Redux, React-Router, and Material-UI kit.
Stars: ✭ 51 (+264.29%)
Mutual labels:  react-redux, babel-es6, webpack4
OpenTrivia
Multiplayer quiz game demo using React and Opentdb API
Stars: ✭ 47 (+235.71%)
Mutual labels:  react-components, react-redux
best-of-react
🏆 A ranked list of awesome React open-source libraries and tools. Updated weekly.
Stars: ✭ 364 (+2500%)
Mutual labels:  react-components, react-redux
book-fullstack-react
Fullstack React: The Complete Guide to ReactJS and Friends by Anthony Accomazzo
Stars: ✭ 100 (+614.29%)
Mutual labels:  react-components, react-redux
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (+214.29%)
Mutual labels:  react-redux, webpack4
Blog
【前端进阶】优质博文
Stars: ✭ 2,439 (+17321.43%)
Mutual labels:  react-redux, webpack4
React-Native-Showcase
Best List of Open Source / Examples / Free / Case Study & Featured Template React Native Apps
Stars: ✭ 39 (+178.57%)
Mutual labels:  react-components, react-redux
webpack-4-react-bootstrap-starter-template
Starter boilerplate template for webpack 4 with React, Bootstrap 4
Stars: ✭ 16 (+14.29%)
Mutual labels:  babel-es6, webpack4
Recipes App React Native
Recipes App in React Native
Stars: ✭ 386 (+2657.14%)
Mutual labels:  react-components, react-redux
Hellobooks
A Single-Page Library Management App built with nodejs, express and react and redux
Stars: ✭ 37 (+164.29%)
Mutual labels:  react-components, react-redux
Ui
Talend's unified web UI repository.
Stars: ✭ 105 (+650%)
Mutual labels:  react-components, react-redux
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+6407.14%)
Mutual labels:  react-redux, webpack4
Tonzhon Music
将QQ音乐、网易云音乐和酷我音乐上的歌添加到一个列表来播放!
Stars: ✭ 257 (+1735.71%)
Mutual labels:  react-redux, webpack4
cnode-react
a web app for cnode.org with react + react-router + react-redux
Stars: ✭ 23 (+64.29%)
Mutual labels:  react-components, react-redux
awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (+121.43%)
Mutual labels:  react-components, react-redux
react-guidebook
📚 React 知识图谱 关于概念、技巧、生态、前沿、源码核心
Stars: ✭ 22 (+57.14%)
Mutual labels:  react-components, react-redux
React Redux Bootstrap Webpack Starter
React 16.9 + Typescript + React-Router 4 + Redux + Bootstrap 4 + Hot Reload + redux-devtools-extension + Webpack 4 + styled-components STARTER
Stars: ✭ 133 (+850%)
Mutual labels:  workbox, webpack4
react-boilerplate
minimalize modern react boilerplate created using webpack 4 include technology pwa and include popular tools for react developer
Stars: ✭ 18 (+28.57%)
Mutual labels:  pwa-boilerplate, webpack4
MetFlix
A Movie app demo. Like NetFlix ❤️
Stars: ✭ 50 (+257.14%)
Mutual labels:  react-components, react-redux
react-native-boilerplate
A collection of curated and well maintained React Native boilerplates with various possibilities and combinations.
Stars: ✭ 24 (+71.43%)
Mutual labels:  react-components, react-redux

React + Redux + PWA

boilerplate-react-redux-pwa

It's sample boilerplate react, redux and pwa

Getting Started

This instructions will take you to a copy of the running project in your actual local machine for development means. Please consult the steps to deploy your project

Pré-requisites

  • NodeJS 8.1.x
  • VSCode
  • NPM or YARN
  • WebPack CLI
  • MLab
  • Postman
  • NgRok

Technologies

Tech Description
NodeJS https://nodejs.org/en/download/
Nodemon https://www.npmjs.com/package/nodemon
NPM https://docs.npmjs.com/
WebPack 4 https://webpack.js.org/
Babel https://github.com/epoberezkin/ajv
NgRok https://ngrok.com/
ReactJS https://github.com/babel/babel-loaderhttps://reactjs.org/
Redux https://redux.js.org/
PWA https://developers.google.com/web/progressive-web-apps/
Onsenui https://onsen.io/
JWT https://jwt.io/
ES6 http://es6-features.org/#Constants

Installing

Steps to setup

1. Clone the application

git clone https://github.com/cassiolpaixao90/boilerplate-react-redux-pwa.git

2. Install dependence the app using NPM or YARN

cd boilerplate-react-redux-pwa
npm install

3. Run generate certificate HTTPS in mode DEV ( Optional )

npm run certs

4. Run mode Development

npm run dev

5. Run mode Production

npm run prod

API in Postman Collection

Try out the Boilerplate-React-PWA REST API using Postman with this ready-made Postman collection.

Run in Postman

Troubleshooting

Nodemon internal watch failed: watch ENOSPC

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

License

This project is licensed under the MIT License - see the LICENSE.md file for details

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