App Development Training: React and Redux

Gain the most in-demand skills required to become a UI Designer or App Developer, and learn how to create React Redux app, with this instructor-guided training course. It will walk you through every step, from creating state in React component to working with forms and integrating React and Redux with Firebase. Not only that, but there is a special bonus crash course on JavaScript ES6 programming language. Kickstart your career online and earn an industry-recognised qualification.

Learner will get "Microsoft Excel Basics" course for free upon purchasing this course.

Learning outcome

• Build amazing single-page applications with React JS and Redux.
• Master fundamental concepts behind structuring Redux applications.
• Realize the power of building composable components.
• Be the engineer who explains how Redux works to everyone else, because you know the fundamentals so well.
• Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax.

Course Curriculum

Getting Started

• VS Code Setup
• How to get source code for each lecture
• Create React App using create-react-app cli
• Creating Nested React Elements
• Creating Nested Elements in React
• How React uses React Elements to Create Virtual DOM
• What is DOM
• What is Virtual DOM
• Create Nested Components in React
• Creating Components in React
• Adding Props Validations in React Component
• Create State in React Component
• Update State using events and custom methods
• Pass function as props from Parent to Child Componenty
• Convert React Components to JSX
• Module Summary

Data Flow in React Components

• State in React Component
• Shallow Merging with setState
• Use props, PropTypes and defaultProps in React Component
• Communicate with Parent and Child Component
• Module Summary

Component LifeCycle Methods in React

• What are LifeCycle Methods in React Component
• Types and Phases of LifeCycle Methods
• LifeCycle Mounting Methods in Action
• LifeCycle Updating Methods in Action
• Error Handling with component Did Catch

Hacker News App - Building Components

• Setup React Application
• Add Bootstrap to React Application
• Create Mock Restful API with Json-Server
• Send HTTP Request in React using axios
• Add Bootstrap Card to render List Items
• Creating Header Component
• Error Handling with Custom Error Message Component
• Adding Loading Spinner

React Context API

• Introduction to React Context API
• React Context API in Action
• Create Reducer to update the State in React Context
• Create new Action to Handle Errors

Working with Forms in React

• Creating Controlled Component
• Adding State to the Form
• Save new record by sending Http Request
• Creating Reusable Component for Input FormControl
• Adding Form Validations in React and Bootstrap

Add Routing in React using React-Router

• Add Link Navigations using React-Router
• Redirect after submitted new Record
• Creating Not Found Component
• Creating new Component to Edit the Record

State Management with Redux

• Setting up Redux into React application
• Connect React Component to Redux
• Delete the Record from the Redux Store
• Add Record to Redux Store

Consuming Http Rest API using Async Action Creators

• Create Async Action to Fetch Records from the API
• Create Async Action to Delete Records from the API
• Create Async Action to Add New Record
• Async Action to Fetch Single Record
• Async Action to Update the Link

Integrating React and Redux with Firebase

• Creating Database on Firebase
• Fetching data from firebase collection in react component
• Delete document from firebase collection with react
• Add document in firebase collection with react
• Update document from firebase collection

Firebase Authentication with React and Redux

• User Registration in React and Firebase
• Logout User
• User Login with Firebase and React
• Apply Authentication on private Routes
• Display error notification in React
• Deploy React Application to Firebase

Bonus: ES6 crash course

• Var Scoping
• Understanding let
• Examples of const
• More use cases of let and const
• Introduction to Arrow functions
• Examples on Arrow functions
• Destructring Objects
• Destructring Arrays
• Destructring Function Arguments

Certification

The App Development Training: React and Redux course provides transcripts and certificates. You can get a hard copy of the certificate for £9.99, a PDF version for £6.99, or both for £14.99. The transcript costs £2.99 in pdf format and £4.99 in paper format. For only £5.99, you can get both.

Existing professionals or newbies who work in this field can amplify their skills & knowledge of this topic with our internationally-recognised App Development Training: React and Redux training, and it could make all the difference in escalating your career graph.

We know what Modern Online Learners are looking for – flexibility and accessibility. All of our courses are crafted and designed with those two words in mind. Grab a smart device or log in to your desktop to access our premium course contents. Don’t worry, our expert tutors and student assistants will be there for round the clock.

If you desire to learn and climb the ladder of success with your learning, we won’t ask for any specific prior education or experience. Enrol now in App Development Training: React and Redux and start your learning journey.

All the learners who are willing to boost their knowledge in this respective field can take this course. This course does not require any formal academic qualification.

Currently there are no Q&As for this course. Be the first to ask a question.