Frontend (React)
Course Overview
HTML is a good Language
Topics
Introduction
React js without NPM
Environment up with Ubuntu
Environment up with Windows
Make first file
File and folder structure
Package.json in Details
functional Component
Class Component
JSX with Reactjs
Click event and function in ReactJs
State with functional component
State with class component
Props with functional component
Props in class component
Get Input box value
Hide
Handle Form | checkbox | input field | select
Conditional rendering | If Condition
Basic Form validation
Pass Function as Props
What is life cycle method
Constructor | First life cycle method
Render life cycle method
componentDidMount life cycle method in ReactJs
componentDidUpdate life cycle method in ReactJs
shouldComponentUpdate life cycle method
componentWillUnmount life cycle method
Hooks in ReactJs
useEffect Hook in ReactJs
useEffect with condition| like component did mount
style in ReactJs
Install Bootstrap
Array Listing with Map function
List with Bootstrap Table
Nested List in ReactJs
Reuse component in loop
fragment in ReactJs
Send Data Child to Parent Component
Pure component in ReactJs
useMemo Hook
Ref with Example
useRef Hook example
forwardRef example
Controlled Component
Uncontrolled Component
Hight order component (HOC)
getting started
Page Not Found and Redirect
dynamic Routing with params
Link and Nav Link style
Active Link
use SearchParams and setSearchParmas
Navigation on Click | Navigating programmatically
Nested Routing
useLocation Hooks | use Location
Protected Route
Routing Setup
Routing with Example
Page Not Found
Dynamic Routing
fetch API | GET method
What is Postman in Hindi
POST Method in Rest API
Delete Method in React API
Pre-filled form Data
Update Data with API | Put Method
Previous state in functional component
Previous Props with Hooks
State with Object | Reactjs Hooks
Context API with example
introduction
Redux architecture
Install redux in react-app
Props revision
filer folder structure
Design for add to cart
action
reducer and rootReducer
Container - mapDispatchToProps - mapStateToProps
complete flow
Share Data between components
Remove to cart
Introduction - Ecommerce Dashboard
Project Setup
Add Routing in Project
Laravel with React Project in Hindi Make sign up API
Sign up API integration
Protected Routes
Logout feature
Login with API
Add Product API with file Upload
Product Listing Router | switch and Root Router
Product Listing API
Integrate API for Delete Product
Prefill data in Form Before Update
Update Product with API
Search component
Search Auto Complete