-
4.7
Rating
-
2000 +
Students
-
Zero
Cost
-
20 Hrs
Content
-
Lifetime
Course Access
-
Anyone
Can do (IT/Non IT)
-
Self Paced
Recorded lectures
According to Stack Overflow, JavaScript’s React is the library “most developers want to work with if they don’t already.”
Gain In-Demand Skills in a Competitive Field
Start building maintainable JavaScript applications that can handle constantly changing data at scale. Expand your programming toolkit, and discover why both web developers and employers alike favor this robust JavaScript library.
Tap Into a Valuable Professional Network
Form real connections that can change the course of your career. Meet practitioners and peers who can help you succeed through our global alumni network.
Created With a Focus on Real-World Relevance
Facebook created React to build a dynamic platform that could adapt to continually changing data. Gain fluency in this simple-yet-flexible framework to increase your contributions at work and elevate your job market appeal.
Learn to Handle Constantly Changing Data at Scale
Discover not only how to create JavaScript-powered React applications, but how and why they work. This course dives deep into the tools and techniques you need to create custom web applications.
Instant Doubt Support

Doubts Solved in 5-10 min
Ask your doubts when you want, and get it solved within 5-10 minutes

Experience 1 to 1 learning
With robust Mentor Support, experience seamless learning with personal mentorship
Why choose us ?
1
100% Free Learning
Enroll in our courses for free,
2
Structured Course
Learn from our structured pre recorded courses made by experts to meet industry needs
3
Instant Mentor Support
Personal mentors to guide and help you throughout your journey as a friend through chat, calls & screen sharing
4
Projects & Certifications
Build major projects which makes your resume stand apart alongwith course completion certifications
5
Internship Opportunities
Get remote internship opportunities after the completion of the course along with dedicated assignments
6
Lifetime Course Access
Get liftetime course access on each course that you enroll, and enjoy the benefit of mentoring wheneve you want
Curriculum
-
4.8
Rating
-
68
Rating
-
19h 52m
total duration
-
Lifetime
access
React Basics
What is React and why React
Declarative vs Imperative
Component Architecture
One way data flow
React installation
React Basics
Declarative vs Imperative
Component Architecture
One way data flow
React installation
React Basics
Event Handling
Events and Event Handling
Binding Event Handlers
Passing Methods as Props
Adding CSS and Bootstrap
CSS with React Inline Style
CSS Stylesheets in React
CSS Modules
How to Add and Use Bootstrap
React Router
- React Router Introduction
- Installing React Router
- Configuring Routes
- Link Component in React Router
- Active Links using React Router
- Navigating Programmatically
- Page not found in React Router
- Nested Routes in React Router
- Index Route in React Router
- Dynamic Routes in React Router
- useParams in React Router
- useSearchParams in React Router
- Relative and Absolute Path
- Lazy Loading
- Form Validation
React Bootstrap Library
- React Bootstrap Library
- Container and Grid system with React-Bootstrap
- 2 simple ways to add images in React App
- Creating cards using React Bootstrap
- Create navbar using React-Bootstrap
- Creating Carousel using React-Bootstrap
- Container and Grid system with React-Bootstrap
- 2 simple ways to add images in React App
- Creating cards using React Bootstrap
- Create navbar using React-Bootstrap
- Creating Carousel using React-Bootstrap
React Redux
Introduction to React Redux
Getting started with React Redux
Three core concepts of Redux
Three principles of Redux
Actions
Reducers
StoreCakes and ice-creams
Multiple Reducers
Combine Reducers
Middleware
Async actions
Redux thunk
Cake shop application
Actions for cake shop app
Reducer for cake shop app
Store for cake shop app
Connect
React Redux with Hooks
Getting started with React Redux
Three core concepts of Redux
Three principles of Redux
Actions
Reducers
StoreCakes and ice-creams
Multiple Reducers
Combine Reducers
Middleware
Async actions
Redux thunk
Cake shop application
Actions for cake shop app
Reducer for cake shop app
Store for cake shop app
Connect
React Redux with Hooks
useSelector Hook
useDispatch Hook
Action and reducers for ice cream
Logger middleware
Actionpayload
mapStateToProps
mapDispatchToProps
useDispatch Hook
Action and reducers for ice cream
Logger middleware
Actionpayload
mapStateToProps
mapDispatchToProps
Major Project
Introduction to project
Setting up project
Adding the header component
Adding the Cart Button component
Adding Meals Component
Adding individual mealitem and displaying them
Adding FormWorking on Cart component
Adding a Modal via React Portal
Managing Cart and Modal State
Adding a cart context
Using the context
Adding a cart reducer
Working with Refs and Forward Refs
Outputting Cart items
Working on a more complex reducer logic
Making items removable
Project completed
Setting up project
Adding the header component
Adding the Cart Button component
Adding Meals Component
Adding individual mealitem and displaying them
Adding FormWorking on Cart component
Adding a Modal via React Portal
Managing Cart and Modal State
Adding a cart context
Using the context
Adding a cart reducer
Working with Refs and Forward Refs
Outputting Cart items
Working on a more complex reducer logic
Making items removable
Project completed
Parent-Child Component Communication
Functional Component
Class Component
Analyzing a Standard React Project
Introduction to JSX
Props with Functional Component
Props with Class Component
ConstructorState in React
Destructuring Props and State
Class Component
Analyzing a Standard React Project
Introduction to JSX
Props with Functional Component
Props with Class Component
ConstructorState in React
Destructuring Props and State
Conditional and List Rendering
Conditional Rendering
List Rendering
List and Keys
List Rendering
List and Keys
Hooks
Introduction to Hooks
useState Hook
useState Hook with Object
useState Hook with Array
Using State with Class and Functional Component
useEffect Hook
Conditionally Run useEffect
useContext Hook
React Forms and Form Handling
Controlled Component in React Form
Controlled Component with Function Component and useState
Handling Multiple Inputs in Form
Handling Multiple Inputs in Functional Component
Checkbox, Dropdown Menu, and Text Area in React Form
Multiple Checkbox in React Form
Refs in React
Uncontrolled Componen
tCallback Refsuse
Ref Hook and Uncontrolled Component
useRef Hook
useState Hook
useState Hook with Object
useState Hook with Array
Using State with Class and Functional Component
useEffect Hook
Conditionally Run useEffect
useContext Hook
React Forms and Form Handling
Controlled Component in React Form
Controlled Component with Function Component and useState
Handling Multiple Inputs in Form
Handling Multiple Inputs in Functional Component
Checkbox, Dropdown Menu, and Text Area in React Form
Multiple Checkbox in React Form
Refs in React
Uncontrolled Componen
tCallback Refsuse
Ref Hook and Uncontrolled Component
useRef Hook
Formik and Yup
Introduction to Formik and Yup
Working with formik library
Working with Formik and Yup Library
More validations using Formik and Yup
Creating form with Formik components
Working with formik library
Working with Formik and Yup Library
More validations using Formik and Yup
Creating form with Formik components
React Axios
useReducer Hook
Fetch API
Introduction to React AXIOS
How to setup Axios with React
How to make a GET request in Axios
How to make a POST request in Axios
Create a fake API and insert data in it
Read operation in CRUD app
Delete operation in CRUD app
Update operation in React CRUD App
Fetch API
Introduction to React AXIOS
How to setup Axios with React
How to make a GET request in Axios
How to make a POST request in Axios
Create a fake API and insert data in it
Read operation in CRUD app
Delete operation in CRUD app
Update operation in React CRUD App
API
API
Authentication and JSON
Weather app
Authentication and JSON
Weather app
Have Any Query?
Why should I opt for Fastlane?
Fastlane provides you the professional curated content along with live doubt solving and personal one to one mentorship which you won't find anywhere else. And amazingly, you learn for Free if you are enrolled under 100% the offer.
What is the validity of the courses and when can I watch them?
You will have lifetime access to the courses and can watch the lectures anytime you want. So it is totally flexible and provides you the comfort of learning anytime anywhere. Also as the technologies progress we keep on updating our courses so you get the access to them too.
Will my course validity expire after I complete it?
No, you will still have the lifetime access on your courses along with mentor's support.
What programs do Fastlane provide
Fastlane provides a range of programs including full-stack engineering, data science, finance analysis, and UI/UX design. These programs offer a unique "pay after placement" option, giving students the opportunity to pay for their education once they have secured a job in their chosen field.
Get In Touch
Location
Fastlane Management Consultancy, Office No 33, 2nd Floor, Sheikh Rashid Building, Al Souq Street, Bur Dubai, Dubai
Phone Number
+971-0551273479