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:

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
• 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