Course Name: React JS
Duration: 60 Hours
Prerequisites: Fundamentals of Web Development
Objective:
Students will learn how to create a client side of the application using React js technology.
Unit-I Fundamentals of React js
What is React js,
Advantages of React sprinkle architecture, Node js and npm installation, Folder structure, Component
and Props, Rendering element.
Unit-II React Lifecycle
What is lifecycle, Type of lifecycles [componentDidMount,componentDidUpdate,componentWillUnm
ount], Handling Events, Forms, Fragments.
Unit-III Route
What is Route, Package installation [React Router DOM],How routes works, Dynamic routes, Props,
Components, Events like onclick, onchangeHandling events, Inheritance.
Unit-IV Some commonly used Hooks
What is hook, what is useState, useeffect, useparam, usehistory, useSelector, useDispatch, Hooks rules,
updating state, Reading state.
Unit-V Redux and CRUD operation – I
What is Redux, Principal architecture (redux working), Redux implementation and redux generic folder
structure, what is CRUD operation, small project setup for redux understanding, Higher Order
Component.
Unit-VI Redux and CRUD operation – II
What is Provider, what is Store, what is Combined reducer, installing other packages like redux, react-
redux, Error boundaries, Integrating other libraries, Type checking with props types, Optimization [code
and performance]
Unit-VII Dummy Project using Redux [CRUD operation]
Implementation of CRUD operation using Redux in react js, sample project.