The Complete React Js & Redux Course - Build Modern Web Apps

Go from Beginner to React Js Expert by building an Instagram Like Web App with React 16, React Router, Redux & Firebase!

4.44 (5845 reviews)
Udemy
platform
English
language
Web Development
category
The Complete React Js & Redux Course - Build Modern Web Apps
25,468
students
8.5 hours
content
Jun 2023
last update
$79.99
regular price

What you will learn

Learn the modern way of building web applications

Master React's Compositional Model

Build an Instagram-like Web App from the ground up!

Build Interactive Web Pages with self-contained Components

Manage your Application's Data with Redux

Get web development jobs on freelancer sites

Why take this course?

React has rapidly become one of the most powerful tools for building Web Applications. Top sites using React include Facebook, Twitter, Netflix, Airbnb, and more!

This course is perfect for entrepreneurs or startups looking to bring their ideas to life and React developers command some of the highest salaries in the development world.

Master React and Redux in this fun and exciting course with top instructor Rayan Slim. With over 15,000 students, Rayan is a highly rated and experienced instructor who has followed my "learn by doing" style to create this amazing course.

You'll go from beginner to extremely high-level and your instructor will complete each task with you step by step on screen.

By the end of the course, you will have built a sophisticated Photowall Web Application with React, Redux and CSS. This powerful application will impress even the most senior developers and ensure you have hands on skills in React and Redux that you can bring to any project or company.

This course will show you how to:

  • Build a sophisticated Photowall Web Application with React, Redux and CSS

  • Use Redux to manage your data, make it more predictable and easier to debug.

  • Connect your application to Firebase, a powerful database.

  • Use React Router to navigate through your application

  • Create Class Components

  • Use JSX to build your User Interface

  • Use Props to pass Data

  • Compartmentalize your web page into Components

  • Update Component State to ensure responsive and interactive applications.

No experience required. This course is designed to take students with no programming/web development experience to accomplished React developers.

This course also comes with all the source code and friendly support in the Q&A area.

Content

Introduction

Introduction
Additional FREE Content

Getting Started

Code Editor
Node.js

ES6 Crash Course (Optional)

Overview
How to run your code for this section (DO NOT SKIP)
ES6 - let (Optional)
ES6 - let vs const (Optional)
ES6 - Arrow Functions (Optional)
ES6 - Template Strings (Optional)
Prototype Methods (Optional)
ES6 - Classes (Optional)
Spread Operator (Optional)

React Intro

Overview
Create-react-app
Create-react-app (Permissions Error)
Elements
JSX
Components
Refactor

React - State Management

Overview
App Setup (Resources)
App Setup
Component Architecture
Functional Components
State Management
Updating State
Prop-Types
Lifecycle Methods
Lifecycle Methods List

React-Router

Overview
Component State Navigation (Resources)
Component State Navigation
Browser-Router
Link
Route
UI Setup (Resources)
Font-names (error)
UI Setup
Adding Photos
Wrapping up
Key Prop - Index, or not?
Source Code

Redux

Overview
Theory
Redux Store
Reducer
Connected Component
Actions
Updating State
Actions (2) - Adding Posts
History Prop Inconsistency
Redux Dev Tool
Source Code

Redux (2) - Comments

CSS for next Video
UI Setup
Adding Comments
Selectively Loading Comments
Comment Count
Source Code

Firebase & Redux

Overview
Firebase Setup
Updating Database
Fetching Posts
Removing Posts
Saving Comments
Loading Comments
Source Code
Multi-location updates

Wrapping up

Debugging
Final Source Code

Screenshots

The Complete React Js & Redux Course - Build Modern Web Apps - Screenshot_01The Complete React Js & Redux Course - Build Modern Web Apps - Screenshot_02The Complete React Js & Redux Course - Build Modern Web Apps - Screenshot_03The Complete React Js & Redux Course - Build Modern Web Apps - Screenshot_04

Our review

--- **Overview:** The global course rating stands at a strong 4.44, with all recent reviews indicating a mixed bag of opinions on the "Learn React & Redux" online course. The majority of reviewers find the course valuable for understanding the basics and applying them in hands-on projects, particularly for beginners starting their journey with React and Redux. However, there are significant concerns regarding the course's need for updates to reflect the latest versions of React and Redux (v6 and beyond), as well as some pedagogical issues that affect the learning experience. **Pros:** - **Detailed Explanations:** Several reviewers commend the instructor for providing great explanations, stepping through concepts in detail, and offering a valuable learning experience. - **Step-by-Step Guidance:** The course is praised for its step-by-step approach, which is particularly helpful for learners new to React and Redux. - **Sample Project:** The inclusion of a sample project to apply the learned concepts is highly appreciated, as it allows learners to see the practical application of their new skills. - **Clear Communication:** The instructor is recognized for being a clear communicator, making the content quick, clear, and concise. - **Instructor's Patience and Coverage:** Some reviewers highlight the instructor's patience in explaining related technologies like ES6 and CSS, which are not the central focus of the course. **Cons:** - **Outdated Content:** A recurring issue pointed out by many reviewers is that the course content is significantly outdated. The use of class components instead of function components, and the absence of updates for React v6 and Redux, make the course less relevant for learners who need to work with current technologies. - **Versioning Problems:** There are specific mentions of deprecated methods and versioning issues, such as the need to update `package.json` without clear instructions on how to do so, and the use of outdated packages that lead to errors. - **Inadequate Updates in the Course:** The course does not keep pace with the latest updates in React and Redux, which could mislead learners or require them to spend additional time updating the codebase themselves. - **Pedagogical Challenges:** Some reviewers find the teaching style confusing, with the instructor often switching between files, making it difficult to follow along at a comfortable pace. - **Technical Issues:** Technical problems such as audio volume issues and small font size detract from the learning experience, as do issues with course accessibility and compatibility. - **Lack of Support in QA Sections:** A couple of reviewers mention that the instructor does not adequately address questions in the Q&A sections, which could hinder the learning process. **Course Recommendation:** The course "Learn React & Redux" is recommended for beginners as it provides a solid foundation and clear explanations of key concepts. However, it is imperative that the course content is updated to reflect the latest versions of React and Redux to ensure learners are not hindered by outdated practices and unnecessary technical hurdles. The instructor is encouraged to revise the course materials and pedagogical approach to enhance clarity and support for learners. Additionally, it would be beneficial to provide more up-to-date examples and address the issues raised in the reviews to improve the overall learning experience.

Charts

Price

The Complete React Js & Redux Course - Build Modern Web Apps - Price chart

Rating

The Complete React Js & Redux Course - Build Modern Web Apps - Ratings chart

Enrollment distribution

The Complete React Js & Redux Course - Build Modern Web Apps - Distribution chart

Related Topics

1471444
udemy ID
12/16/2017
course created date
5/12/2019
course indexed date
Bot
course submited by