Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
3 views

ReactJs Syllabus

The document outlines a comprehensive syllabus for a ReactJs course by Learn with Srikanth Racharla, covering prerequisites, essential tools, and various concepts such as components, state management, hooks, and routing. It includes detailed sections on ReactJs fundamentals, advanced hooks like useState and useEffect, custom hooks, and React Router. The syllabus also touches on miscellaneous concepts and practical projects to enhance learning.

Uploaded by

Divya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

ReactJs Syllabus

The document outlines a comprehensive syllabus for a ReactJs course by Learn with Srikanth Racharla, covering prerequisites, essential tools, and various concepts such as components, state management, hooks, and routing. It includes detailed sections on ReactJs fundamentals, advanced hooks like useState and useEffect, custom hooks, and React Router. The syllabus also touches on miscellaneous concepts and practical projects to enhance learning.

Uploaded by

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

ReactJs

ReactJs Course Syllabus


By Learn with Srikanth Racharla
Before Learning ReactJs

Prerequisites for ReactJs

Required Tools for ReactJs like Chrome, Node, Vs Code etc.

Browser developer tools like Elements, Network, Console etc.

Linux / Terminal Commands

What is NPM? Node Package Manager


Introduction to ReactJs - Part 1

What and Why React ?

First Component Creation in React (Hello World)

Introduction to JSX

Rendering Elements

Components and Props

Props more details with examples

Handling Events in React vs JavaScript


Introduction to ReactJs - Part 2

State in React (What is the need of State)

Conditional Rendering

List and Keys

Forms in React

Lifting State Up

Thinking in React
JSX

What will happen if we don’t use JSX

Why JSX?

How to use CSS in JSX

How to write JavaScript in JSX

Styled Component (Will cover in Projects)


ReactJs Hooks - useState()

Explaining about useState.

What is the need of useState ?

How to use useState in our Projects

What will happen if we don’t use useState ?


ReactJs Hooks - useEffect()

Explaining about useEffect.

What is the need of useEffect ?

How to use useEffect in our Projects

useEffect with dependencies

useEffect without dependencies

Data fetching using useEffect

More about useEffect…


ReactJs Hooks - useContext()

What is Prop drilling ?

What is the need of useContext ?

What will happen if we don’t have useContext ?

Lifting up state will cover using useContext.


ReactJs Hooks - useReducer()

What is useReducer ?

What is the need of useReducer ?

Data fetching using useReducer.

More examples using useContext and useReducer.

Examplaining examples with useReducer and without useReducer to see the


difference between them.

When to use useReducer ?


ReactJs Hooks - useRef()

What is useRef ?

Difference between useState and useRef ?

What can we do with useRef ?

Examples for useRef where we can use exactly.


ReactJs Hooks - useMemo()

What is useMemo ?

When to use useMemo ?

How to increase performance of a application using useMemo ?


ReactJs Hooks - useCallback() and React.memo()

What is useCallback ?

When to use useCallback ?

Difference between React.memo() vs pureComponent ?

How to increase performance of a application using useCallback ?

Examples using useMemo, useCallback and React.memo().


Custom Hooks in React

What are Custom Hooks in React ?

What is the need to Custom Hooks ?

When to use Custom Hooks ?

Examples on Custom Hooks.


React Router - Part - 1

What is React Router ?

What is the need of React Router ?

What are Single page applications ?

How to achieve Single page applications using React Router ?

How to install React Router and Integrate in React App ?

What will happen if we don’t use React Router ?

What is Lazy loading ?


React Router - Part 2

How to use Links in React ?

Difference between Link and NavLinks ?

Routing in React Application.

useNavigation & useParams hooks explanation and example.

404 No route found implementation in React App.

Implementation of Lazy loading in React with React Router.

Private Routes and Public Routes in React App

More on React Router…


Miscellaneous Concepts in React

What are Fragments in React and How to use it ?

What are Higher Order Components in React ?

Implementing Higher Order Components in React App.

Debugging React Applications.

Projects using ReactJs.


Thank you

Subscribe to Learn with Srikanth Racharla Youtube

Link: https://www.youtube.com/learnwithsrikanthracharla

You might also like