O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

Video Description

Go from beginner to React.js expert by building an Instagram-like web app with React 16, React Router, Redux, and Firebase!

About This Video

  • Learn the modern way of building web applications
  • Build an Instagram-like web app from the ground up!

In Detail

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; React developers command some of the highest salaries in the development world. This course is designed to turn students with no programming/web development experience into accomplished React developers.

This course will show you how to:

  • Build a sophisticated Photowall Web Application with React, Redux, and CSS
  • Use Redux to manage your data and 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

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.

All the code files are placed at https://github.com/PacktPublishing/The-Complete-React-Js-and-Redux-Course---Build-Modern-Web-Apps

Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

Table of Contents

  1. Chapter 1 : Introduction
    1. Introduction 00:01:28
  2. Chapter 2 : Getting Started
    1. Code Editor 00:00:50
    2. Node.js 00:01:52
  3. Chapter 3 : ES6 Crash Course (Optional)
    1. Overview 00:00:21
    2. ES6 - let (Optional) 00:09:42
    3. ES6 - let vs const (Optional) 00:05:37
    4. ES6 - Arrow Functions (Optional) 00:09:42
    5. ES6 - Template Strings (Optional) 00:04:41
    6. Prototype Methods (Optional) 00:07:00
    7. ES6 - Classes (Optional) 00:06:40
    8. Spread Operator (Optional) 00:07:28
  4. Chapter 4 : React Intro
    1. Overview 00:02:12
    2. Create-react-app 00:08:22
    3. Elements 00:12:53
    4. JSX 00:08:49
    5. Components 00:11:48
    6. Refactor 00:05:14
  5. Chapter 5 : React - State Management
    1. Overview 00:00:58
    2. App Setup 00:26:56
    3. Component Architecture 00:12:02
    4. Functional Components 00:06:06
    5. State Management 00:05:33
    6. Updating State 00:13:40
    7. Prop-Types 00:07:28
    8. Lifecycle Methods 00:12:20
  6. Chapter 6 : React-Router
    1. Overview 00:02:32
    2. Component State Navigation 00:20:28
    3. Browser-Router 00:03:32
    4. Link 00:02:38
    5. Route 00:07:27
    6. UI Setup 00:13:40
    7. Adding Photos 00:13:09
    8. Wrapping up 00:04:32
  7. Chapter 7 : Redux
    1. Overview 00:01:09
    2. Theory 00:07:39
    3. Redux Store 00:05:58
    4. Reducer 00:09:45
    5. Connected Component 00:24:29
    6. Actions 00:15:01
    7. Updating State 00:09:40
    8. Actions (2) - Adding Posts 00:14:01
    9. Redux Dev Tool 00:05:21
  8. Chapter 8 : Redux (2) - Comments
    1. UI Setup 00:27:03
    2. Adding Comments 00:17:37
    3. Selectively Loading Comments 00:15:59
    4. Comment Count 00:05:21
  9. Chapter 9 : Firebase & Redux
    1. Overview 00:00:38
    2. Firebase Setup 00:11:00
    3. Updating Database 00:08:52
    4. Fetching Posts 00:12:04
    5. Removing Posts 00:05:18
    6. Saving Comments 00:08:09
    7. Loading Comments 00:10:08
  10. Chapter 10 : Wrapping up
    1. Debugging 00:10:51