CETPA OFFICIAL COURSE CURRICULUM

REACT JS – CONTENT
(5 Days: 20 Hours Training + 20 Hours Assignments)

DAY – 1
INTRODUCTION TO REACTJS
 What React JS?
 Why React JS?
 What is Single Page Application?
 Why SPA?
 React JS Version
 What is CLI : create-react-app projectname
 Advantage using CLI
 How to debug React JS application.

SETUP REACTJS ENVIRONMENT

 Installation CLI
 Create a hello world example
BASIC FEATURES OF REACTJS
 React Concepts
 JSX
 TSX
 Render Elements
 Components and Props

DAY – 2
BASIC FEATURES OF REACTJS
 State and Lifecycle
 State and setState
 Handling Events
 State with JSON data
 State with ARRAY

ROUTING WITH REACT ROUTER

 Setting up react router
 Understand routing in single page applications
 Working with BrowserRouter components
 Configuring route with Route component
 Making routes dynamic using route params
 CETPA OFFICIAL COURSE CURRICULUM

 Working with nested routes

 Navigating to pages using Link and NavLink component
 Redirect routes using RedirectComponent

COMPONENT LIFECYCLE
 Understanding component lifecycle

DAY – 3
INTRODUCTION TO FETCH API
 Network Call
 Interaction With Server
 Third Party Module(Axios)
 Live Data Fetching (JSON Server)
 Form with validation

DAY – 4
INTRODUCTION TO REDUX
 What is React Redux
 Why React Redux
 Redux Install and setup
 Actions

INTRODUCTION TO REDUX
 Reducers
 Store
 High order component
 Understanding mapStateToProps and mapDispatchtToProps usage

DAY – 5
INTRODUCTION TO REACT HOOKS
 What is React Hooks
• How to Implement useState Hooks
• How to Use useEffect
• How to Implement and where to useContext
• Implementation of Additional Hooks
• How to Implement Redux Operation Via useReducer

DEPLOYMENT OF REACT APPLICATION