https://github.com/alexstack/react-hook-redux-saga-webpack-starter
Create a new ReactJs project without use Create React App. And Redux, Saga, Hooks are ready for use right way. Combine codes by webpack and can hot reload code changes - automatically refresh the dev page. EXAMPLES DEMO:
https://github.com/alexstack/react-hook-redux-saga-webpack-starter
Last synced: 8 months ago
JSON representation
Create a new ReactJs project without use Create React App. And Redux, Saga, Hooks are ready for use right way. Combine codes by webpack and can hot reload code changes - automatically refresh the dev page. EXAMPLES DEMO:
- Host: GitHub
- URL: https://github.com/alexstack/react-hook-redux-saga-webpack-starter
- Owner: AlexStack
- Created: 2020-06-14T22:18:17.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-12-08T04:35:49.000Z (over 4 years ago)
- Last Synced: 2025-01-10T08:24:45.928Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://alexstack.github.io/reactStarter/
- Size: 1.75 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# React-Hook-Redux-Saga-Webpack-Starter
- Create a new ReactJs project without use Create-React-App. Popular packages such as Axios,Redux, Saga, Hooks are ready to use immediately. Compile codes by webpack and can hot reload code changes - it will automatically refresh the dev page. save your time!
## What included?
- Lots of React required packages, such as react-router-dom, axios, redux, saga, hook, webpack ... You do not need install them again, use them directly in your code.
- Using webpack to export the compiled js file, tidy and clean and flexible.
- **npm run dev** will automatically open a local dev demo page which can detect js file changes and show the result immediately.
- There are some code examples for demo and reuse purpose. We can easy change them to fit our requirements.
## ReactJs code examples:
- **Online DEMO** https://alexstack.github.io/reactStarter/
- Basic ReactJS example: using React state and components only
- Axios RESTful API search example: A form using axios to implement a RESTful API search
- Redux Saga reducer example:
- Hooks example:
## How to use?
- git clone https://github.com/AlexStack/React-Hook-Redux-Saga-Webpack-Starter.git reactApp
- cd reactApp
- **npm install** --- This will install all related react packages in 3 minutes. You need install npm first if you never use npm before. The npm can be [download here](https://nodejs.org/en/download/)
- **npm run dev** --- Now you will see a local ReactJs demo page opened in your browser: http://localhost:9999/ - this dev demo page will automatically refresh when it detect any react js code changes
- **npm run build** --- This will build the production js file into public/js/reactApp.js
- Start from scratch : Edit or delete all files in the src folder. The main entry point file is src/reactApp.js