elartix/cra-template-redux-saga-controller-js

Getting Started with cra-template-redux-saga-controller (javascript version)

This project was bootstrapped with Create React App.

npx create-react-app my-app --template redux-saga-controller-js
# or
yarn create-react-app my-app --template redux-saga-controller-js

Connected packages

• React
• Axios
• Lodash
• Moment
• reactstrap
• react-redux
• redux-saga
• redux-saga-controller
• react-router
• redux-form
• react-redux-toastr
• fortawesome

Introduction

Whenever there is a need to write a new web interface using React.js, we are faced with the problem of a lack of basic abstractions. Possessing a powerful template engine, React absolutely does not solve the issues of code organization. In this connection we are forced to solve these problems every time. We are helped to solve them by Babel (ES6) preprocessor. But this is not enough when there is a need to organize the structure of the project. In this application billet, a minimal set of proven ready-made solutions for the development of medium and large "admin" applications is collected.

Install dependencies.

> npm install

Without environment configuration used the .env.development config.

Available Scripts

In the project directory, you can run:

Run

> npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Build

> npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Locally-trusted development certificates

For making locally-trusted development certificates we use mkcert

• https://github.com/FiloSottile/mkcert

> mkcert -key-file ./.cert/key.pem -cert-file ./.cert/cert.pem local.domain.com 127.0.0.1 ::1

Please updated .env.local file

GENERATE_SOURCEMAP=true
HOST=local.domain.com
HTTPS=true
SSL_CRT_FILE=./.cert/cert.pem
SSL_KEY_FILE=./.cert/key.pem

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify