React - The Complete Guide (incl Redux & Firebase) | Techieey
React - The Complete Guide (incl Redux & Firebase)
Tamil

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

arrow-down
tick

Welcome to the Course

Preview

01:00

tick

What is React.js?

Preview

03:00

tick

Choosing the best editor

03:00

tick

What is NodeJS?

03:00

tick

What is Git?

03:00

Basics of React

7 lectures • 33 mins

arrow-down
tick

App Overview

02:00

tick

Creating our first React app

07:00

tick

Why react uses virtual dom?

05:00

tick

npm vs yarn. Which is better?

07:00

tick

React App Directory Structure

05:00

tick

Understanding the react core

05:00

tick

Quiz

02:00

Google Keep Clone - Part 1

9 lectures • 47 mins

arrow-down
tick

Export vs Default Export

04:00

tick

Creating custom component

06:00

tick

Material UI for React

06:00

tick

Working with State(hook)

04:00

tick

How to use a event listener?

06:00

tick

Adding transition effect

04:00

tick

Storing data in a state

06:00

tick

Handling complex data in state

08:00

tick

Submitting the data

03:00

Google Keep Clone - Part 2

6 lectures • 30 mins

arrow-down
tick

Passing function through props

07:00

tick

What is JSX and map function?

05:00

tick

How to delete a note?

07:00

tick

Adding styles to the app

06:00

tick

Better places to add styling

03:00

tick

Quiz

02:00

Google Weather App - Part 1

9 lectures • 35 mins

arrow-down
tick

App Overview

01:00

tick

How to use open weather api ?

03:00

tick

Creating the input base field

07:00

tick

Styling the input base

03:00

tick

Storing the city name

04:00

tick

How to make a http request?

07:00

tick

Conditional rendering

04:00

tick

Displaying the weather details

04:00

tick

Styling the Result component

02:00

User Management System - Part 1

8 lectures • 30 mins

arrow-down
tick

App Overview

02:00

tick

What is React Router?

03:00

tick

Setting up routing in react

05:00

tick

Creating the navbar component

05:00

tick

Styling the navbar

03:00

tick

Adding input fields in home

07:00

tick

Styling the home page

04:00

tick

Quiz

01:00

User Management System - Part 2

7 lectures • 29 mins

arrow-down
tick

Prop Drilling Issue

02:00

tick

What is Redux?

03:00

tick

Setting up the redux

06:00

tick

Storing data in redux store

08:00

tick

Displaying users data

04:00

tick

Creating a delete action

04:00

tick

Project Wrap up

02:00

Amazon Clone - Part 1

7 lectures • 38 mins

arrow-down
tick

App Overview

03:00

tick

Creating the header

07:00

tick

Adding Material UI Icons

03:00

tick

Styling the header

08:00

tick

Setting the react router

07:00

tick

Creating the Login Page

05:00

tick

Adding styles to login page

05:00

Amazon Clone - Part 2

8 lectures • 49 mins

arrow-down
tick

Creating the home page

06:00

tick

Adding styles to home page

08:00

tick

Setting up the firebase

06:00

tick

Adding Authentication

08:00

tick

Initializing the context api

05:00

tick

Creating a reducer function

04:00

tick

Setting up the auth listeners

06:00

tick

Fetching data from context api

06:00

Amazon Clone - Part 3

7 lectures • 39 mins

arrow-down
tick

Adding items to the basket

05:00

tick

Creating the checkout page

05:00

tick

Building the product component

05:00

tick

Styling the checkout products

05:00

tick

Removing item from the basket

07:00

tick

Calculating the total amount

06:00

tick

Styling the subtotal component

06:00

Bonus

7 lectures • 32 mins

arrow-down
tick

Generating Production Build

06:00

tick

Deploying the react app

04:00

tick

Memoization using useMemo

05:00

tick

Best performance using useMemo

05:00

tick

When to use useCallback()?

06:00

tick

Hos to use useRef hook?

05:00

tick

Final Wrap up

01:00

React Router v6 and Reduxjs Toolkit

5 lectures • 25 mins

arrow-down
tick

Updates by 2022

02:00

tick

Different ways of creating react app

03:00

tick

React Router v5 to v6

05:00

tick

Reduxjs Toolkit

08:00

tick

Redux to Reduxjs Toolkit

07:00

Get certified

logo

Sample Certificate

qrCode

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

Sample Id Here

Chief Executive Officer

FAQ

How do I take a Techieey course?

arrow-down

Will I receive a certificate?

arrow-down

Can I ask my doubts to the instructor?

arrow-down

Where can I go for help?

arrow-down

Does Techieey allows individual course purchase?

arrow-down

How to get certified?

arrow-down

Where can I find the certificate? Where is the get certified option?

arrow-down

Is Techieey certificate value?

arrow-down

Why can't I use the platform from multiple devices at same time?

arrow-down