Scribd
Upload
40 views2 pages

React JS TOC - SFJBS - Saratha

The document outlines a 25-day training course on React JS, covering topics such as components, state management, routing, and performance optimization. Each day includes specific details and real-time use cases to illustrate practical applications of the concepts learned. The course culminates in a project day where participants will develop a task management app using the skills acquired throughout the training.

Uploaded by

likhitha.liki27
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
40 views2 pages

React JS TOC - SFJBS - Saratha

The document outlines a 25-day training course on React JS, covering topics such as components, state management, routing, and performance optimization. Each day includes specific details and real-time use cases to illustrate practical applications of the concepts learned. The course culminates in a project day where participants will develop a task management app using the skills acquired throughout the training.

Uploaded by

likhitha.liki27
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

React JS TOC

Duration: 25 Days

Day Topic Details Real-Time Use Case


Introduction to What is React, Features, Understanding how React
1 React Virtual DOM, JSX improves web app performance
Setting up React Node.js, npm, create- Creating a simple project with
2 Environment react-app, Vite React
React Functional vs Class Building a reusable Button
3 Components Components, Props component
State and useState, use Effect, Fetching and displaying API data
4 Lifecycle Component Lifecycle dynamically
onClick, onChange, Event Handling form submissions in a
5 Handling Events Handlers login page
Conditional if-else, ternary operators, Showing different UI based on user
6 Rendering && operator authentication
map(), key prop, list Rendering a list of products from
7 Lists and Keys rendering an API
Controlled vs Building a sign-up form with
8 Forms in React Uncontrolled Components validation
React Router setup, Implementing a multi-page app
9 React Router useNavigate, useParams with navigation
useContext, Global State Managing theme or authentication
10 Context API Management state globally
React Hooks useState, useEffect, Building a simple counter with
11 Overview useContext, useRef hooks
use Reducer State management with Managing a complex shopping cart
12 Hook use Reducer state
Creating reusable logic Building a custom hook for API
13 Custom Hooks with Custom Hooks calls
React
Performance React. Memo, use Memo, Optimizing performance in a large
14 Optimization useCallback e-commerce app
Fetching data using Fetch Fetching and displaying user data
15 React and APIs API, Axios from REST API
16 Error Boundaries Handling errors in React Displaying fallback UI in case of API
Components failure
React with Redux State management using Managing a global cart state in an
17 Toolkit Redux e-commerce app
React with Typing Components, Building a strongly typed form
18 TypeScript Props, Hooks component
React Testing Writing unit tests for
19 Library React Components Testing a Login Form component
Deploying React Vercel, Netlify, Firebase Deploying a portfolio website
20 Apps Hosting online
Server-Side Next.js Basics,
21 Rendering (SSR) getServerSideProps Building an SEO-friendly blog
Progressive Web Service Workers, Web
22 Apps (PWA) App Manifest Making a weather app installable
WebSockets in Real-time communication
23 React with Socket.io Building a live chat app
Authentication in JWT, OAuth, Firebase Implementing Google login in an
24 React Auth app
Build a complete project Developing a task management
25 Project Day using learned concepts app

You might also like