React Beginner to Advanced (+ Redux Ecommerce App)

React – Beginner to Advanced (+ Redux & Ecommerce App), available at $79.99, has an average rating of 4.7, with 351 lectures, based on 255 reviews, and has 1167 subscribers.

You will learn about Fundamentals of ReactJS React hooks and practical applications Build cool projects using ReactJS Learn the fundamentals of Redux and Redux Toolkit Learn the Latest Version of React Router V6 Learn the latest version of Firebase V9 Build a Fullstack Ecommerce App This course is ideal for individuals who are JavaScript developers that want to learn ReactJS It is particularly useful for JavaScript developers that want to learn ReactJS.

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

Summary

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

Price: $79.99

Average Rating: 4.7

Number of Lectures: 351

Number of Published Lectures: 351

Number of Curriculum Items: 351

Number of Published Curriculum Objects: 351

Original Price: $119.99

Quality Status: approved

Status: Live

What You Will Learn

Fundamentals of ReactJS

React hooks and practical applications

Build cool projects using ReactJS

Learn the fundamentals of Redux and Redux Toolkit

Learn the Latest Version of React Router V6

Learn the latest version of Firebase V9

Build a Fullstack Ecommerce App

Who Should Attend

JavaScript developers that want to learn ReactJS

Target Audiences

JavaScript developers that want to learn ReactJS

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.

Requirements:
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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is React?

Lecture 3: Companies that use React

Chapter 2: Environment Setup

Lecture 1: Environmeny Setup

Lecture 2: Vscode setup

Chapter 3: JavaScript Refresher

Lecture 1: JavaScript Refersher – Introduction

Lecture 2: Variables – var, let and const

Lecture 3: Arrow functions

Lecture 4: Ternary operator

Lecture 5: Map and Filter

Lecture 6: Spread and Rest operator

Lecture 7: Destructuring

Lecture 8: ES6 Classes – Part 1

Lecture 9: ES6 Classes – Part 2

Lecture 10: Modules – Import and Exports

Lecture 11: Modules – Default Exports

Chapter 4: React Basics

Lecture 1: Create a React app

Lecture 2: Files and Folder Overview

Lecture 3: Hello World App

Lecture 4: Files Clean Up

Lecture 5: Components

Lecture 6: Shortcut For Creating a Component

Lecture 7: Creating a Custom Component

Lecture 8: Create a Custom Component – 2

Lecture 9: JSX

Lecture 10: Outputting Dynamic Values

Chapter 5: Styling

Lecture 1: Styling in React

Lecture 2: Scoping CSS Files

Lecture 3: Styling Summary

Chapter 6: React Basics – Part 2

Lecture 1: Props

Lecture 2: Setting Default Props

Lecture 3: Props Destructuring

Lecture 4: Children Props

Lecture 5: Rendering a List

Lecture 6: Handling Events

Chapter 7: Project – Profile App (Challenge)

Lecture 1: Profile App – Intro

Lecture 2: Instructions

Lecture 3: Profile App 1 – Create React App

Lecture 4: Profile App 2 – Create Files And Folder

Lecture 5: Profile App 3 – Installing React Icons

Lecture 6: Profile App 4 – Global Styles

Lecture 7: Profile App 5 – Profile List Jsx And Css

Lecture 8: Profile App 6 – Profile JSX

Lecture 9: Profile App 6 – Profile Css

Lecture 10: Profile App 7 – Add React Icon Context

Lecture 11: Profile App 8 – Card Component

Lecture 12: Profile App 9 – Create Pofiles Props

Lecture 13: Profile App 10 – Mapping Through Profiles

Chapter 8: React Basics Part 3

Lecture 1: What Are Hooks

Lecture 2: What Is State

Lecture 3: Hooks Folder Setup

Lecture 4: Css Utility Classes Overview

Lecture 5: Usestate – Comparative Programming 1

Lecture 6: Usestate – Comparative Programming 2

Lecture 7: Virtual Dom Vs Real Dom

Lecture 8: Counter App JS – Comparative Programming 1

Lecture 9: 54 Counter App Usestate – Comparative Programming 2

Lecture 10: Counter App – State Updater Function

Lecture 11: Counter App Usestate – When Not To Use Usestate

Lecture 12: Usestate In Array 1

Lecture 13: Usestate In Array 2

Lecture 14: Usestate In Object

Chapter 9: Conditionals

Lecture 1: Conditionals Intro

Lecture 2: Conditionals – If Else Statement

Lecture 3: Conditionals – Logical And Operator

Lecture 4: Conditionals – Ternary Operator

Lecture 5: Conditionals – Adding Css Classes Conditionally

Lecture 6: Conditionals – Conditionals With Props

Chapter 10: General React Project Setup

Lecture 1: General project setup

Chapter 11: Project – User Profile App

Lecture 1: User Profile App – Demo

Lecture 2: User Profile App – JSX

Lecture 3: User Profile App – CSS

Lecture 4: User Profile App – Logic 1

Lecture 5: User Profile App – Logic 2

Chapter 12: Project – Animated Login App

Lecture 1: Animated Login Form – Demo

Lecture 2: Animated Login Form – JSX

Lecture 3: Animated Login Form – CSS

Lecture 4: Animated Login Form – Register Component

Lecture 5: Animated Login Form – Reset Component

Lecture 6: Animated Login Form – Logic

Lecture 7: Animated Login Form – Refactoring Logic

Chapter 13: useEffect Hook

Lecture 1: UseEffect Hook – Intro

Lecture 2: UseEffect Hook – Basics

Lecture 3: UseEffect Hook – Cleanup

Chapter 14: useEffect Project – Jokes Generator

Lecture 1: Jokes Generator – Demo

Lecture 2: Jokes Generator – JSX

Instructors

Ewomazino Akpareva
Web Developer

Rating Distribution

1 stars: 8 votes

2 stars: 4 votes

3 stars: 10 votes

4 stars: 84 votes

5 stars: 149 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!