(4 Ratings)

React – Beginner to Advanced (+ Redux & Ecommerce App)

Categories: React, Web Development
Wishlist Share
Share Course
Page Link
Share On Social Media
$12.00 $49.00

About Course

Learn React from the beginning. Build interesting projects. Gain confidence to start applying for jobs…

Learn React From Absolute Scratch

This course would teach you the fundamentals and advanced React concepts via project-based learning.

What you’ll learn

This course is for anyone that wants to learn React and also for React developers looking to build some projects and sharpen their skills.

— A good knowledge of JavaScript is required before you take this course.

Here are some of the things you would learn:

— React fundamentals including components, props, hooks, state, etc

— React hooks such as useState, useEffect, useContext, useReducer, useRef, etc

— Custom hooks

— Learn how to use context and reducers to manage global state

— Build powerful, fast, user-friendly and reactive web apps

— Learn Redux and Redux Toolkit

— Build more than 10 projects

— Build a fullStack eCommerce website with React and Firebase

— Deploy React apps to Netlify and Heroku

— Much more…

Here are some reasons why you should learn React right now

1. React is declarative

It’s a simpler way of developing apps, and you can learn why here.

2. React Native makes app development easier

When you learn React, you can transfer your skill to mobile development using React Native.

You may have heard of the phrase “Write once, run anywhere” before. React Native brings that kind of philosophy to React with “Learn once, write anywhere”.

3. The React community is amazing

React has a massive community of dedicated developers. The community helps to maintain and grow the open-source library, with everyone able to contribute their own components to the library.

4. React is used by huge organisations

Show More

What Will You Learn?

  • Fundamentals of ReactJS
  • React hooks and practical applications
  • Build cool projects using ReactJS
  • Learn the Latest Version of React Router V6
  • Learn the latest version of Firebase V9
  • Build a Fullstack Ecommerce App

Course Content

Section 1: Introduction

  • 1. Introduction
  • 2. What is React?
  • 3. Companies that use React

Section 2: Environment Setup

Section 3: JavaScript Refresher

Section 4: React Basics

Section 5: Styling

Section 6: React Basics – Part 2

Section 7: Project – Profile App (Challenge)

Section 8: React Basics Part 3

Section 9: Conditionals

Section 10: General React Project Setup

Section 11:Project – User Profile App

Section 12:Project – Animated Login App

Section 13: useEffect Hook

Section 14: useEffect Project – Jokes Generator

Section 15: UseEffect Project – Github User List

Section 16: Forms

Section 17: Project – Password Visibility Toggle & Strength Indicator

Section 18:Project – Product Filter

Section 19: Project – Dark Mode Toggle

Section 20: Project – Pricing Section

Section 21: useReducer

Section 22: Project – Task Manager (with useState)

Section 23: Project – Task Manager (with useReducer)

Section 24: Props Drilling and Context API

Section 25: Project – Dark/Light Mode Toggle (With Context API)

Section 26: Custom Hooks

Sectioin 27: Routing in React

Section 28: Redux

Section 29: Redux Toolkit

Section 30: Project – Fullstack Ecommerce App

Student Ratings & Reviews

No Review Yet
No Review Yet