ReactJs Frontend

From PG_Wiki
Jump to: navigation, search

Background

This project discusses the new front-end client built on ReactJs framework and Javascipt ES6, the web client uses Redux for state management and Axios(a third-part promise based HTTP client) for interacting with the database. The application currently supports all student side interactions of Expertiza and this writeup discusses the file structure, procedures and guidelines used in the design and implementation of the client application.


File Structure

Clientfiles.jpg

The client folder mainly consists of assets, components and redux folders.

Redux-Folder

The Redux folder further has actions, reducers, ActionTypes and configureStore.

  - configureStore- this file is the configuration file for the redux store, the 
                    combineReducers middle ware is applied to assemble all the 
                    different elements of the redux reducers defined in the reducers 
                    folder.
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox