Learn React 16 and Redux by building real world Application

Learn React 16 and Redux by building real world Application, available at $19.99, has an average rating of 3.85, with 94 lectures, based on 10 reviews, and has 97 subscribers.

You will learn about Master the React Fundamentals Build Real world Applications with React and Redux Learn firebase with React and Redux This course is ideal for individuals who are Javascript developers who want to develop frontend applications with React or Javascript developers who want to learn Redux with React or Developers who want to integrate firebase with React and redux It is particularly useful for Javascript developers who want to develop frontend applications with React or Javascript developers who want to learn Redux with React or Developers who want to integrate firebase with React and redux.

Enroll now: Learn React 16 and Redux by building real world Application

Summary

Title: Learn React 16 and Redux by building real world Application

Price: $19.99

Average Rating: 3.85

Number of Lectures: 94

Number of Published Lectures: 94

Number of Curriculum Items: 94

Number of Published Curriculum Objects: 94

Original Price: $174.99

Quality Status: approved

Status: Live

What You Will Learn

Master the React Fundamentals

Build Real world Applications with React and Redux

Learn firebase with React and Redux

Who Should Attend

Javascript developers who want to develop frontend applications with React

Javascript developers who want to learn Redux with React

Developers who want to integrate firebase with React and redux

Target Audiences

Javascript developers who want to develop frontend applications with React

Javascript developers who want to learn Redux with React

Developers who want to integrate firebase with React and redux

React is a JavaScript library for building user interfaces across a variety of platforms. React gives you a powerful mental model to work with and helps you build user inter- faces in a declarative and component-driven way.

Who this course for?

This course is for anyone who’s working on or interested in building user interfaces. Really, it’s is for anyone who’s curious about React, even if you don’t work in UI engineering. You’ll get the most out of this course if you have some experience with using JavaScript to build front-end applications.

Advantages of React:

The following list highlights some of the benefits of React versus other libraries and frameworks:

?Simpler apps—React has a CBA with pure JavaScript; a declarative style; and pow- erful, developer-friendly DOM abstractions (and not just DOM, but also iOS, Android, and so on).

?Fast UIs—React provides outstanding performance thanks to its virtual DOM and smart-reconciliation algorithm, which, as a side benefit, lets you perform testing without spinning up (starting) a headless browser.

?Less code to write—React’s great community and vast ecosystem of components provide developers with a variety of libraries and components. This is important when you’re considering what framework to use for development.

What you will learn in this course:

1. Introduction to React

2. Data Flow in React

3. Component Lifecycle methods

4. Components and rendering list

5. React Context API

6. Working with Forms in?React

7. Adding?Routing using?React-Router v4

8. State Management with?Redux

9. Redux thunk and async actions

10. Integrating?Firebase with?React

11. Firebase Authentication

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Installing Tools

Lecture 2: VS Code Setup

Lecture 3: How to get source code for each lecture

Lecture 4: Module Introduction

Lecture 5: Create React App using create-react-app cli

Lecture 6: Creating Elements in React

Lecture 7: Creating Nested Elements in React

Lecture 8: How React uses React Elements to Create Virtual DOM

Lecture 9: What is DOM

Lecture 10: What is Virtual DOM

Lecture 11: What are Components in React

Lecture 12: Creating Components in React

Lecture 13: Adding Props Validations in React Component

Lecture 14: Create Nested Components in React

Lecture 15: Create State in React Component

Lecture 16: Update State using events and custom methods

Lecture 17: Iterate Array and render the components

Lecture 18: Pass function as props from Parent to Child Component

Lecture 19: Convert React Components to JSX

Lecture 20: Module Summary

Chapter 2: Data Flow in React Components

Lecture 1: Module Introduction

Lecture 2: State in React Component

Lecture 3: Shallow Merging with setState

Lecture 4: Use props, PropTypes and defaultProps in React Component

Lecture 5: Communicate with Parent and Child Component

Lecture 6: Module Summary

Chapter 3: Component LifeCycle Methods in React

Lecture 1: What are LifeCycle Methods in React Component

Lecture 2: Types and Phases of LifeCycle Methods

Lecture 3: LifeCycle Mounting Methods in Action

Lecture 4: LifeCycle Updating Methods in Action

Lecture 5: Error Handling with componentDidCatch

Chapter 4: Hacker news App – Building Components

Lecture 1: Setup React Application

Lecture 2: Add Bootstrap to React Application

Lecture 3: Create Mock Restful API with Json-Server

Lecture 4: Send HTTP Request in React using axios

Lecture 5: Iterate Array and render the components

Lecture 6: Add Bootstrap Card to render List Items

Lecture 7: Creating Header Component

Lecture 8: Error Handling with Custom ErrorMessage Component

Lecture 9: Adding Loading Spinner

Chapter 5: React Context API

Lecture 1: Introduction to React Context API

Lecture 2: React Context API in Action

Lecture 3: Create Reducer to update the State in React Context

Lecture 4: Refactoring Context Code to Store

Lecture 5: Create new Action to Handle Errors

Chapter 6: Working with Forms in React

Lecture 1: What is controlled component

Lecture 2: Creating Controlled Component

Lecture 3: Adding State to the Form

Lecture 4: Save new record by sending Http Request

Lecture 5: Creating Reusable Component for Input FormControl

Lecture 6: Adding Form Validations in React and Bootstrap

Chapter 7: Add Routing in React using React-Router

Lecture 1: Add Link Navigations using React-Router

Lecture 2: Redirect after submitted new Record

Lecture 3: Creating NotFound Component

Lecture 4: Creating new Component to Edit the Record

Chapter 8: State Management with Redux

Lecture 1: What is Redux

Lecture 2: What are Actions

Lecture 3: What is Reducer

Lecture 4: What is a Redux Store

Lecture 5: Data Flow in Redux

Lecture 6: Setting up Redux into React application

Lecture 7: Connect React Component to Redux

Lecture 8: Delete the Record from the ReduxStore

Lecture 9: Add Record to ReduxStore

Chapter 9: Consuming Http Rest API using Async Action Creators

Lecture 1: Create Async Action to fetch records from the API

Lecture 2: Create Async Action to delete records from the API

Lecture 3: Create Async Action to add new Record

Lecture 4: Async Action to fetch single record

Lecture 5: Async Action to update the Link

Chapter 10: Integrating React and Redux with Firebase

Lecture 1: Creating Database on Firebase

Lecture 2: Fetching data from firebase collection in react component

Lecture 3: Delete document from firebase collection with react

Lecture 4: Add document in firebase collection with react

Lecture 5: Update document from firebase collection

Chapter 11: Firebase Authentication with React and Redux

Lecture 1: User Registration in React and Firebase

Lecture 2: Logout User

Lecture 3: User Login with Firebase and React

Lecture 4: Apply Authentication on private Routes

Lecture 5: Display error notification in React

Lecture 6: Deploy React Application to Firebase

Lecture 7: Challenge-Excercise

Chapter 12: Bonus: ES6 crash course

Lecture 1: var scoping

Lecture 2: understanding let

Lecture 3: Examples of const

Lecture 4: More use cases of let and const

Lecture 5: Introduction to Arrow functions

Lecture 6: Examples on Arrow functions

Lecture 7: Javascript call, bind, apply

Instructors

Haider Malik
Fullstack Developer/Entrepreneur/Author

Rating Distribution

1 stars: 2 votes

2 stars: 1 votes

3 stars: 0 votes

4 stars: 2 votes

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