GET LIFETIME ACCESS TO ALL OUR COURSES FOR ONLY £199 £99 GET NOW
Take This Course
- £21.00
- 1 year
- Beginner
- Course Certificate
- Number of Units80
- Number of Quizzes0
- 7 hours, 18 minutes Gift this course
Overview
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.
CPD Certificate from Course Gate
At the successful completion of the course, you can obtain your CPD certificate from us. You can order the PDF certificate for £9 and the hard copy for £15. Also, you can order both PDF and hardcopy certificates for £22.
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 | ||
| Certificate and Transcript | |||
| Order Your Certificates or Transcripts | 00:00:00 | ||
Course Reviews
No Reviews found for this course.
Take This Course
- £21.00
- 1 year
- Beginner
- Course Certificate
- Number of Units80
- Number of Quizzes0
- 7 hours, 18 minutes Gift this course
Gift this courseShare Link on 
Instructors
