Scribd
Upload
2 views

React (Vanilla JS) - Toc

The document outlines a React (Vanilla JS) training curriculum spanning five days, covering essential topics such as ES6 features, React environment setup, component creation, state management, and Redux implementation. It includes prerequisites like HTML5, CSS3, and understanding REST APIs, as well as hardware and software requirements for participants. Key concepts such as React Hooks, context API, and unit testing are also addressed throughout the training program.

Uploaded by

Suresh
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

React (Vanilla JS) - Toc

The document outlines a React (Vanilla JS) training curriculum spanning five days, covering essential topics such as ES6 features, React environment setup, component creation, state management, and Redux implementation. It includes prerequisites like HTML5, CSS3, and understanding REST APIs, as well as hardware and software requirements for participants. Key concepts such as React Hooks, context API, and unit testing are also addressed throughout the training program.

Uploaded by

Suresh
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

React (Vanilla JS) Outline

Pre-Requisites
● HTML5
● CSS3
● Javascript Core & Javascript DOM,BOM
● Understanding of REST API’s
● SOLID Principles

Day 1 (ES6)
● Introduction to callback queue
● Understanding and using npm
● Installing babel & understanding it's usage
● Understanding let & const
● Using arrow functions
● Default arguments
● Spread operator
● Getters and setters
● Understanding promises
Day 2
● Npm fundamentals
● Module bundling using webpack
● Introduction to reactjs
● React environment setup: using CRA (react devtools)
● Application structure of react app
● Understanding Components in react
● Functional components
● Stateful components
● Creating and using components
● Understanding atomic designing in react
Day 3
○ Conditional rendering of components
○ Component interaction using props
○ Props validation & default props
○ Using Component Lifecycle
○ Understanding and using states in react
○ Handling events
○ Working with lists in react
○ Using ref in react
○ Working with forms in react
○ Making http api calls
● Introduction to making SPA (using react router dom)
● Defining routes & navigation links
Day 4
● Using context API
● Introduction to React Hooks
● Understanding the role of react hooks
● Working with built in hooks (useState, useEffect, useContext)
● Understanding flux and its usage

Day 5
● Implementing redux in app (redux devtools)
● Creating store and using in app
● Defining reducers and actions
● Connecting components to store
● Understanding problems of react redux
● Implementing Authentication and Authorization
● Introduction to RxJs
● Using lazy and suspense
● Building app and publish
● Unit testing using RTL & jest
○ Service & mocking
○ Component
○ hooks

H/W
· i3 core processor or above
· 20GB free HDD space
· Min 4GB RAM
· Windows/Linux/MacOs

S/W
· Node JS (v14 or above) : https://nodejs.org/en/
· Google Chrome : https://www.google.com/chrome
· VS Code : https://code.visualstudio.com/download

You might also like