Chat with us, powered by LiveChat

App Development Training: React and Redux

4.9( 8 REVIEWS )
347 STUDENTS

The aim of this App Development Training: React and Redux is to teach you the core concepts of React to make you an efficient UI designer. The course covers everything that is needed to build rich applications. Implementing the necessary functionality and logic to at least start a very interesting side project, but quite possibly even the first version of an online business. You will learn React from the ground up. You’ll be able to use Redux Framework to take React to the next level.

By the end of the course, you will be able to join existing React projects and start developing features.

Who is this course for?

App Development Training: React and Redux is suitable for anyone who wants to gain extensive knowledge, potential experience, and professional skills in the related field. This course is CPD accredited so you don’t have to worry about the quality.

Requirements

Our App Development Training: React and Redux is open to all from all academic backgrounds and there are no specific requirements to attend this course. It is compatible and accessible from any device including Windows, Mac, Android, iOS, Tablets etc.

Career path

This course opens a new door for you to enter the relevant job market and also gives you the opportunity to acquire extensive knowledge along with required skills to become successful. You will be able to add our qualification to your CV/resume which will help you to stand out in the competitive job industry.

Course Curriculum

Getting Started
VS Code Setup 00:03:00
How to get source code for each lecture 00:01:00
Create React App using create-react-app cli 00:02:00
Creating Nested React Elements 00:08:00
Creating Nested Elements in React 00:08:00
How React uses React Elements to Create Virtual DOM 00:01:00
What is DOM 00:03:00
What is Virtual DOM 00:05:00
Create Nested Components in React 00:05:00
Creating Components in React 00:06:00
Adding Props Validations in React Component 00:03:00
Create Nested Components in React 00:05:00
Create State in React Component 00:08:00
Update State using events and custom methods 00:08:00
Iterate Array and render the components 00:06:00
Pass function as props from Parent to Child Componenty 00:09:00
Convert React Components to JSX 00:09:00
Module Summary 00:01:00
Data Flow in React Components
State in React Component 00:05:00
Shallow Merging with setState 00:06:00
Use props, PropTypes and defaultProps in React Component 00:06:00
Communicate with Parent and Child Component 00:07:00
Module Summary 00:01:00
Component LifeCycle Methods in React
What are LifeCycle Methods in React Component 00:01:00
Types and Phases of LifeCycle Methods 00:04:00
LifeCycle Mounting Methods in Action 00:09:00
LifeCycle Updating Methods in Action 00:07:00
Error Handling with component Did Catch 00:08:00
Hacker news App - Building Components
Setup React Application 00:03:00
Add Bootstrap to React Application 00:01:00
Create Mock Restful API with Json-Server 00:07:00
Send HTTP Request in React using axios 00:06:00
Iterate Array and render the components 00:06:00
Add Bootstrap Card to render List Items 00:07:00
Creating Header Component 00:06:00
Error Handling with Custom Error Message Component 00:07:00
Adding Loading Spinner 00:04:00
React Context API
Introduction to React Context API 00:04:00
React Context API in Action 00:16:00
Create Reducer to update the State in React Context 00:09:00
Create new Action to Handle Errors 00:02:00
Working with Forms in React
Creating Controlled Component 00:03:00
Adding State to the Form 00:06:00
Save new record by sending Http Request 00:14:00
Creating Reusable Component for Input FormControl 00:07:00
Adding Form Validations in React and Bootstrap 00:08:00
Add Routing in React using React-Router
Add Link Navigations using React-Router 00:04:00
Redirect after submitted new Record 00:01:00
Creating Not Found Component 00:02:00
Creating new Component to Edit the Record 00:14:00
State Management with Redux
Setting up Redux into React application 00:10:00
Connect React Component to Redux 00:07:00
Delete the Record from the Redux Store 00:07:00
Add Record to Redux Store 00:05:00
Consuming Http Rest API using Async Action Creators
Create Async Action to fetch records from the API 00:07:00
Create Async Action to delete records from the API 00:01:00
Create Async Action to add new Record 00:01:00
Async Action to fetch single record 00:09:00
Async Action to update the Link 00:04:00
Integrating React and Redux with Firebase
Creating Database on Firebase 00:04:00
Fetching data from firebase collection in react component 00:12:00
Delete document from firebase collection with react 00:04:00
Add document in firebase collection with react 00:03:00
Update document from firebase collection 00:12:00
Firebase Authentication with React and Redux
User Registration in React and Firebase 00:09:00
Logout User 00:15:00
User Login with Firebase and React 00:04:00
Apply Authentication on private Routes 00:07:00
Display error notification in React 00:06:00
Deploy React Application to Firebase 00:05:00
Bonus: ES6 crash course
Var Scoping 00:04:00
Understanding let 00:01:00
Examples of const 00:01:00
More use cases of let and const 00:04:00
Introduction to Arrow functions 00:02:00
Examples on Arrow functions 00:03:00
Destructring Objects 00:04:00
Destructring Arrays 00:03:00
Destructring Function Arguments 00:02:00

Course Reviews

4.9

4.9
8 ratings
  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

TAKE THIS COURSE

Instructors

347 STUDENTS ENROLLED

    Video Courses

    © Course Gate Edukite Ltd, Reg no: 11378092