Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.npmjs.com/package/cra-template-redux-auth-starter below:

cra-template-redux-auth-starter - npm

Redux auth starter is a preconfigured Create React App (CRA) template. You can start building your app with Zero configuration.

yarn create react-app your-project-name --template redux-auth-starter

npx create-react-app your-project-name --template redux-auth-starter

npx command installs most recent stable version of CRA from npm. --template parameter points to this template, note that cra-template- prefix is omitted.

Next

cd your_project_name

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

The page will reload if you make edits.
You will also see any lint errors in the console.

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!

• React
• Redux Toolkit
• React Router
• Axios
• Redux Saga
• Ant Design
• SASS
• Auth Routes
• Preconfigured store, actions, sagas
• Code Splitting

• Mock authentication is configured with reqres API.
• Public and Private routes are configured
• Redirect to the private route after successful login, Prevent access to public pages after login and Prevent access to the private pages before login.
• UI components are styled with Ant Design.
• To access different API verbs, axiosClient helper is included.
• Basic Folder structure.
• Absolute Imports
• .env file included.
• ESLint

More feature coming on the way...

.
├── README.md
├── jsconfig.json
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
├── src
│   ├── App.js
│   ├── App.scss
│   ├── App.test.js
│   ├── app
│   │   ├── axiosClient.js
│   │   ├── rootReducers.js
│   │   ├── rootSaga.js
│   │   └── store.js
│   ├── common
│   │   └── utils
│   │       └── constants.js
│   ├── features
│   │   ├── Dashboard.js
│   │   ├── OnBoarding
│   │   │   ├── LoginPage.js
│   │   │   ├── authenticateAPI.js
│   │   │   └── authenticationSlice.js
│   │   └── Users.js
│   ├── index.css
│   ├── index.js
│   ├── logo.svg
│   ├── reportWebVitals.js
│   ├── routes
│   │   ├── ProtectedRoutes.js
│   │   └── routes.js
│   └── setupTests.js
└── yarn.lock

After installing the template

1. Update the API Host url in .env file and restart the app

REACT_APP_HOST_URL = https://reqres.in/api/

1. Write your app features in features directory.

2. Write your global scss in App.scss file.

3. Write your authentication API's in features/OnBoarding/authenticateAPI.js file.

4. Include your component reducer, saga in rootSaga.js and rootReducers.js to add them to redux middleware.

5. Edit the Lint rules in .eslintrc.json file.

Please see CONTRIBUTING for details.

Please review our security policy on how to report security vulnerabilities.

• Nilanth
• All Contributors

The MIT License (MIT). Please see License File for more information.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4