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
