Modern React For Beginners | Redux + Router

Modern React For Beginners | Redux + Router, available at $54.99, has an average rating of 4.6, with 45 lectures, based on 5 reviews, and has 41 subscribers.

You will learn about React JS Framework React Router Redux | State Management React Hooks JSX Bootstrap 5 Responsive Web Design This course is ideal for individuals who are Junior Developers who want to transition into Senior Developers or Developers who want to learn React step by step or Developers who learn from project based tutorials or Developers who want a large React project for their portfolio or Developers who want to truly understand how Redux works It is particularly useful for Junior Developers who want to transition into Senior Developers or Developers who want to learn React step by step or Developers who learn from project based tutorials or Developers who want a large React project for their portfolio or Developers who want to truly understand how Redux works.

Enroll now: Modern React For Beginners | Redux + Router

Summary

Title: Modern React For Beginners | Redux + Router

Price: $54.99

Average Rating: 4.6

Number of Lectures: 45

Number of Published Lectures: 45

Number of Curriculum Items: 45

Number of Published Curriculum Objects: 45

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

React JS Framework
React Router
Redux | State Management
React Hooks
JSX
Bootstrap 5
Responsive Web Design

Who Should Attend

Junior Developers who want to transition into Senior Developers
Developers who want to learn React step by step
Developers who learn from project based tutorials
Developers who want a large React project for their portfolio
Developers who want to truly understand how Redux works

Target Audiences

Junior Developers who want to transition into Senior Developers
Developers who want to learn React step by step
Developers who learn from project based tutorials
Developers who want a large React project for their portfolio
Developers who want to truly understand how Redux works

In this course you will receive deep understanding of how React JS works and how to use it to build complex applications. You will also build a real world application that will use everything you learn in this course as a capstone project so you can put your new skills to the test. You will also deploy your project to production so that you can share this with potential employers or business clients to show them your skill level. Your javascript skills will transition from a junior developer all the way to a senior developer after being able to learn these concepts and features which are used in almost every fully featured application. I will also explain in detail how React Router and Redux work. These two libraries are foundational for becoming a React developer, in this course you will get a lot of practice and instruction on how these work. The course is organized into intentional sections and individual videos that each focus on 1 area of the project. Throughout the course we are building out our master application while learning new React concepts along the way. At the end of the course, students have a beautiful new master project to add to their portfolios as well as an in depth intuition of React concepts.

Course Curriculum

Chapter 1: Introduction To The Course

Lecture 1: Introduction To The Course

Lecture 2: Create React App Tool

Lecture 3: Viewing Files

Lecture 4: Public and Src Folders

Lecture 5: Installing Bootstrap

Chapter 2: Creating The Navbar

Lecture 1: Creating Our First Component

Lecture 2: Navbar Component

Lecture 3: Category Selector

Lecture 4: Search Bar

Lecture 5: Cart Button

Lecture 6: Navbar Props

Chapter 3: React Router

Lecture 1: React Router

Lecture 2: Setting Up Pages Folder

Lecture 3: Home Page Route

Lecture 4: Single Page Route

Lecture 5: Cart Page Route

Lecture 6: Use Navigate Hook

Chapter 4: JSX Component Based Design

Lecture 1: Products Page Layout

Lecture 2: Single Page Layout

Lecture 3: Cart Page Layout

Lecture 4: Cart Item Component

Lecture 5: Cart Numbers Component

Lecture 6: Cart Buy Button Component

Chapter 5: Redux | State Management

Lecture 1: Intro To Redux

Lecture 2: Creating Redux Store and Slices

Lecture 3: Use Selector Hook

Lecture 4: Category Selector State

Lecture 5: Single Page State

Lecture 6: Search Term State

Chapter 6: Reducers Functionality

Lecture 1: Dispatching Actions

Lecture 2: Searching Products Functionality

Lecture 3: Category Selector Functionality

Lecture 4: Single Page and Use Effect

Lecture 5: Finishing Up Product Actions

Lecture 6: Cart Slice Introduction

Lecture 7: Add To Cart Functionality

Lecture 8: Remove From Cart Functionality

Lecture 9: Custom Condition Component

Lecture 10: Increment Quantity Action

Lecture 11: Calculating Cart Numbers

Chapter 7: Finishing Touches and Deployment

Lecture 1: The Price Component

Lecture 2: Scroll Up On Page Change

Lecture 3: Navbar Finishing Touches

Lecture 4: Cleaning Up Files

Lecture 5: Deploying To Production And Closing Thoughts

Instructors

Alpha Javascript
Full Stack Javascript Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 2 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!

Menu