Skip to content

This Repo developed to show case Rect project structures and explain React Concepts, Redux and Routers.

License

Notifications You must be signed in to change notification settings

CharanRoot/React-redux-router-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-redux-router-demo

This Repo developed to show case Rect project structures and explain React Concepts, Redux and Routers.

Installation and Running the App

Install the dependencies and run the app.

npm install
npm start

Project structure

I divided this project in different folders like Core, Store and Component etc.

Concepts Used/explained.

React

Everything is Component.

Redux

Component will just dispatch action and action will use Reducers to updates store values. Component will subscribe the Store values.

React Router

Router will load Components based your url.

Routers will Guard Home page and other pages. If user not logged in Router will redirect to back to Login Page. If user entered some random Component url it will load 404 Component.

Backend

Currently Backend Code not added in this project so this project will use MOCK data and Localstorage to store information.

After Registration User information will be stored in Localstorage and will be validated using Login Page.

If Login operation successful Router will render Home page.

JWT

Tokens based Authentication.

Bootstrap

Used for style purpose

Localstorage

Used to Store the Data.

About

This Repo developed to show case Rect project structures and explain React Concepts, Redux and Routers.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published