React Mega Course Learn React and then build 6 projects

React Mega Course – Learn React and then build 6 projects, available at $54.99, has an average rating of 5, with 185 lectures, based on 3 reviews, and has 63 subscribers.

You will learn about Learn React from scratch Redux and RTK Query Use free AI tools to boost productivity Express MongoDB Build projects Become able to build your own React projects and APIs This course is ideal for individuals who are Anyone with some JavaScript and general web dev skills looking to master React and Redux It is particularly useful for Anyone with some JavaScript and general web dev skills looking to master React and Redux.

Enroll now: React Mega Course – Learn React and then build 6 projects

Summary

Title: React Mega Course – Learn React and then build 6 projects

Price: $54.99

Average Rating: 5

Number of Lectures: 185

Number of Published Lectures: 185

Number of Curriculum Items: 185

Number of Published Curriculum Objects: 185

Original Price: $49.99

Quality Status: approved

Status: Live

What You Will Learn

Learn React from scratch

Redux and RTK Query

Use free AI tools to boost productivity

Express

MongoDB

Build projects

Become able to build your own React projects and APIs

Who Should Attend

Anyone with some JavaScript and general web dev skills looking to master React and Redux

Target Audiences

Anyone with some JavaScript and general web dev skills looking to master React and Redux

Master React with Redux with this one course. You don’t need anything else. As simple as that.

Learn how to use React properly and much more than that. Use Vite to create React projects and also learn how to build your own APIs to be consumed by your React apps using Node, Express, MongoDB and Mongoose.

Don’t just learn bits and pieces, learn React with Redux and RTK Query properly from scratch and become an able React developer.

How is the course structured ?

I will first teach you React with Redux from absolute scratch (you do not need any prior experience with react) and then will build 6 projects together that get increasingly more complex.

This is a very practical course where you will mostly learn by building actual projects.

What is exactly is covered in the course?

React

Redux

RTK Query

Routing

JSX

Vite

Props

Children

State

All relevant hooks (useParams, useSearchparams, useNavigate, useDispatch, useMemo, useRef etc.)

JSON server

JSON web tokens

File upload

Image gallery

Node

Express

MongoDB

Compass

Mongoose

Bootstrap and various bootstrap themes

and much more

Projects:

1. Counter– put everything you have learn in the React for beginners section of the course and create a fancy counter

2. Wordlytics– Use more of what you already know to create a great little app that gives info about text input

3. TO-DO list – Learn how to use checkboxes and select lists and create a TO-DO list that uses local storage to persists data

4. Customer-management – Get started with RTK Query and create a basic CRUD application that uses JSON server for the backend (lightweight database)

5. Easy Recipes – With all the knowledge gained thus far it is time for a more serious project. In this one we will create both the React frontend and Node/Express/MongoDB backend API to create an app that can add and filter through recipes and user registration and authorization using JSON web tokens

6. CMS and E-Commerce – the biggest project in the course, create a full CMS and E-Commerce web app with users and an admin area, again using Node/Express/MongoDB for the API. This project covers it all and much more and will enable you to basically create any type of web app with React.

I have put a lot into this course to really make it the only course you need to master React, don’t miss out and enroll now risk free!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Projects that are created throughout the course

Lecture 3: VS Code and Chrome extensions, course files and git repos

Chapter 2: React for beginners

Lecture 1: 01 Create react app with Vite

Lecture 2: Clean up and add bootstrap

Lecture 3: JSX

Lecture 4: Functions are components

Lecture 5: Extracting into separate components

Lecture 6: Variables, inputs and inline styling

Lecture 7: Props

Lecture 8: Children

Lecture 9: State

Lecture 10: More efficient useState

Lecture 11: Returning objects and spread in state

Lecture 12: Looping in jsx

Lecture 13: Add Customer

Lecture 14: If and else if in jsx

Lecture 15: useEffect

Lecture 16: Routing ( adding components )

Lecture 17: Routes and Links

Lecture 18: useParams and useSearchParams

Lecture 19: useNavigate and NavLink

Lecture 20: redux toolkit and store setup

Lecture 21: counterSlice and useSelector

Lecture 22: Actions and useDispatch

Lecture 23: useDispatch with payload

Lecture 24: productSlice

Lecture 25: ProductDetails

Lecture 26: extraReducers

Lecture 27: Custom actions

Chapter 3: Project 1: Counter

Lecture 1: Project intro

Lecture 2: Initial project setup

Lecture 3: App jsx and bootstrap theme

Lecture 4: Separate into components

Lecture 5: Card refactor

Lecture 6: Count state and prop

Lecture 7: Reset counter

Lecture 8: Reusable Button component

Lecture 9: Limit counter, change subtitle and reset icon

Lecture 10: Spacebar to increment

Chapter 4: Project 2: Wordlytics

Lecture 1: Project intro

Lecture 2: Initial project setup

Lecture 3: App jsx and css

Lecture 4: Separate into components

Lecture 5: Controlled textarea and basic validation

Lecture 6: Number of characters (lifting up the state)

Lecture 7: Other stats

Lecture 8: class below 0 and constants

Chapter 5: Project 3: TO-DO list

Lecture 1: Project intro

Lecture 2: Initial project setup

Lecture 3: App jsx and css

Lecture 4: Separate into components

Lecture 5: initialItems and better organization

Lecture 6: AddTask and useRef

Lecture 7: handleAddItem in App

Lecture 8: Handle other button events

Lecture 9: Toggle checkbox

Lecture 10: Delete item

Lecture 11: Counter and no tasks message

Lecture 12: Sorting items

Lecture 13: localStorage

Lecture 14: useMemo

Lecture 15: Public path fix

Chapter 6: Project 4: Customer-Management

Lecture 1: Project intro

Lecture 2: Initial project setup (customer-management)

Lecture 3: CustomerList

Lecture 4: store and apiSlice

Lecture 5: customersApiSlice

Lecture 6: Routing

Lecture 7: AddCustomer component

Lecture 8: Outlet

Lecture 9: AddCustomer functionality

Lecture 10: How RTK Query caching works

Lecture 11: Toast notifications

Lecture 12: EditCustomer endpoints and routing

Lecture 13: EditCustomer

Lecture 14: Loading and throttling

Lecture 15: Delete customer

Lecture 16: Styling

Chapter 7: Project 5: Easy Recipes

Lecture 1: Project intro

Lecture 2: Create React and Express apps

Lecture 3: Concurrently

Lecture 4: Mongoose, models and connect to DB

Lecture 5: Seed data

Lecture 6: Refactor DB Connection

Lecture 7: dotenv

Lecture 8: Recipes route

Lecture 9: API CRUD routes

Lecture 10: App JSX

Lecture 11: Routing

Lecture 12: store and apiSlice

Lecture 13: List recipes

Lecture 14: AddRecipe (slice and form)

Instructors

Vojislav K.
About Vojislav

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 0 votes

5 stars: 3 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!