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!
The Complete React Js Redux Course Build Modern Web Apps
File Size :
4.29 GB
Total length :
8h 33m

Category

Instructor

Codestars • over 2 million students worldwide!

Language

Last update

6/2023

Ratings

4.5/5

The Complete React Js Redux Course Build Modern Web Apps

What you’ll 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

The Complete React Js Redux Course Build Modern Web Apps

Requirements

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

Description

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 CSSUse 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 applicationCreate Class ComponentsUse JSX to build your User InterfaceUse Props to pass DataCompartmentalize 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.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Discover More Valuable Content

Section 2: Getting Started

Lecture 3 Code Editor

Lecture 4 Node.js

Section 3: ES6 Crash Course (Optional)

Lecture 5 Overview

Lecture 6 How to run your code for this section

Lecture 7 ES6 – let (Optional)

Lecture 8 ES6 – let vs const (Optional)

Lecture 9 ES6 – Arrow Functions (Optional)

Lecture 10 ES6 – Template Strings (Optional)

Lecture 11 Prototype Methods (Optional)

Lecture 12 ES6 – Classes (Optional)

Lecture 13 Spread Operator (Optional)

Section 4: React Intro

Lecture 14 Overview

Lecture 15 Create-react-app

Lecture 16 Create-react-app (Permissions Error)

Lecture 17 Elements

Lecture 18 JSX

Lecture 19 Components

Lecture 20 Refactor

Section 5: React – State Management

Lecture 21 Overview

Lecture 22 App Setup (Resources)

Lecture 23 App Setup

Lecture 24 Component Architecture

Lecture 25 Functional Components

Lecture 26 State Management

Lecture 27 Updating State

Lecture 28 Prop-Types

Lecture 29 Lifecycle Methods

Lecture 30 Lifecycle Methods List

Section 6: React-Router

Lecture 31 Overview

Lecture 32 Component State Navigation (Resources)

Lecture 33 Component State Navigation

Lecture 34 Browser-Router

Lecture 35 Link

Lecture 36 Route

Lecture 37 UI Setup (Resources)

Lecture 38 Font-names (error)

Lecture 39 UI Setup

Lecture 40 Adding Photos

Lecture 41 Wrapping up

Lecture 42 Key Prop – Index, or not?

Lecture 43 Source Code

Section 7: Redux

Lecture 44 Overview

Lecture 45 Theory

Lecture 46 Redux Store

Lecture 47 Reducer

Lecture 48 Connected Component

Lecture 49 Actions

Lecture 50 Updating State

Lecture 51 Actions (2) – Adding Posts

Lecture 52 History Prop Inconsistency

Lecture 53 Redux Dev Tool

Lecture 54 Source Code

Section 8: Redux (2) – Comments

Lecture 55 CSS for next Video

Lecture 56 UI Setup

Lecture 57 Adding Comments

Lecture 58 Selectively Loading Comments

Lecture 59 Comment Count

Lecture 60 Source Code

Section 9: Firebase & Redux

Lecture 61 Overview

Lecture 62 Firebase Setup

Lecture 63 Updating Database

Lecture 64 Fetching Posts

Lecture 65 Removing Posts

Lecture 66 Saving Comments

Lecture 67 Loading Comments

Lecture 68 Source Code

Lecture 69 Multi-location updates

Section 10: Wrapping up

Lecture 70 Debugging

Lecture 71 Final Source Code

Web Developers,Front-End Developers

Course Information:

Udemy | English | 8h 33m | 4.29 GB
Created by: Codestars • over 2 million students worldwide!

You Can See More Courses in the Developer >> Greetings from CourseDown.com

New Courses

Scroll to Top