Tamil
React - The Complete Guide (incl Redux & Firebase)
4.7
Anton Francis Jeejo
React.js is the most popular JavaScript library you can use and learn these days to build modern, reactive use...
Requirements
JavaScript + HTML + CSS fundamentals are absolutely required You DON'T need to be a JavaScript expert to succeed in this course! ES6+ JavaScript knowledge is beneficial but not a must-have NO prior React or any other JS framework experience is required!
What you'll learn?
Build powerful, fast, user-friendly and reactive web apps. Provide amazing user experiences by leveraging the power of JavaScript with ease. Learn all about React Hooks and React Components. Use Firebase to build full stack applications. Learn to lead React projects by making good architecture decisions and helping others on your team. Routing with React Router v5 and v6.
Lesson Plan
Introduction
5 lectures • 13 mins
Welcome to the Course
Preview
01:00
What is React.js?
Preview
03:00
Choosing the best editor
03:00
What is NodeJS?
03:00
What is Git?
03:00
Basics of React
7 lectures • 33 mins
App Overview
02:00
Creating our first React app
07:00
Why react uses virtual dom?
05:00
npm vs yarn. Which is better?
07:00
React App Directory Structure
05:00
Understanding the react core
05:00
Quiz
02:00
Google Keep Clone - Part 1
9 lectures • 47 mins
Export vs Default Export
04:00
Creating custom component
06:00
Material UI for React
06:00
Working with State(hook)
04:00
How to use a event listener?
06:00
Adding transition effect
04:00
Storing data in a state
06:00
Handling complex data in state
08:00
Submitting the data
03:00
Google Keep Clone - Part 2
6 lectures • 30 mins
Passing function through props
07:00
What is JSX and map function?
05:00
How to delete a note?
07:00
Adding styles to the app
06:00
Better places to add styling
03:00
Quiz
02:00
Google Weather App - Part 1
9 lectures • 35 mins
App Overview
01:00
How to use open weather api ?
03:00
Creating the input base field
07:00
Styling the input base
03:00
Storing the city name
04:00
How to make a http request?
07:00
Conditional rendering
04:00
Displaying the weather details
04:00
Styling the Result component
02:00
User Management System - Part 1
8 lectures • 30 mins
App Overview
02:00
What is React Router?
03:00
Setting up routing in react
05:00
Creating the navbar component
05:00
Styling the navbar
03:00
Adding input fields in home
07:00
Styling the home page
04:00
Quiz
01:00
User Management System - Part 2
7 lectures • 29 mins
Prop Drilling Issue
02:00
What is Redux?
03:00
Setting up the redux
06:00
Storing data in redux store
08:00
Displaying users data
04:00
Creating a delete action
04:00
Project Wrap up
02:00
Amazon Clone - Part 1
7 lectures • 38 mins
App Overview
03:00
Creating the header
07:00
Adding Material UI Icons
03:00
Styling the header
08:00
Setting the react router
07:00
Creating the Login Page
05:00
Adding styles to login page
05:00
Amazon Clone - Part 2
8 lectures • 49 mins
Creating the home page
06:00
Adding styles to home page
08:00
Setting up the firebase
06:00
Adding Authentication
08:00
Initializing the context api
05:00
Creating a reducer function
04:00
Setting up the auth listeners
06:00
Fetching data from context api
06:00
Amazon Clone - Part 3
7 lectures • 39 mins
Adding items to the basket
05:00
Creating the checkout page
05:00
Building the product component
05:00
Styling the checkout products
05:00
Removing item from the basket
07:00
Calculating the total amount
06:00
Styling the subtotal component
06:00
Bonus
7 lectures • 32 mins
Generating Production Build
06:00
Deploying the react app
04:00
Memoization using useMemo
05:00
Best performance using useMemo
05:00
When to use useCallback()?
06:00
Hos to use useRef hook?
05:00
Final Wrap up
01:00
React Router v6 and Reduxjs Toolkit
5 lectures • 25 mins
Updates by 2022
02:00
Different ways of creating react app
03:00
React Router v5 to v6
05:00
Reduxjs Toolkit
08:00
Redux to Reduxjs Toolkit
07:00
Get certified
Sample Certificate
Your Name
is here awarded the certificate of completion for the successfull completion of React - The Complete Guide (incl Redux & Firebase) on Thu Apr 02 2026
FAQ
How do I take a Techieey course?
Will I receive a certificate?
Can I ask my doubts to the instructor?
Where can I go for help?
Does Techieey allows individual course purchase?
How to get certified?
Where can I find the certificate? Where is the get certified option?
Is Techieey certificate value?
Why can't I use the platform from multiple devices at same time?