Developing Front-End Apps with React

Overview

Class Central Tips

React is one of the most popular frameworks in the Web and Front-end application Development category. In this course, you will - build rich Front-End applications with React and ES6 - connect React components using data and state - write rich React components with advanced features like Hooks and Redux In addition, you will explore how to access the React web framework user interface (UI) library and run rich React applications. You will find ways to use React components and change their properties and states in a dynamic user interface. You will learn to connect to an external server from a React page. The course introduces different testing tools that you can use to test the component without manual verification. Throughout the course, you will complete numerous hands-on labs to gain practical experience. At the end of the course, you will demonstrate your React skills with a final project to add to your portfolio. This course will help you succeed as a front-end or full-stack developer. It suits those in IT looking to step up in their careers or new graduates seeking to establish their client-side skills. Note: This course requires knowledge of HTML, CSS, JavaScript, and Git/GitHub

Syllabus

Building Rich Front-End Applications with React and ES6

As you become more proficient with JavaScript, you will find that it is a very dynamic language and looks different from the typical object-oriented languages. Now you will discover new features that make developing simpler and faster than older JavaScript capabilities. Explore how to access the React web framework user interface (UI) library and run a simple React application. Find ways to use React components and change their properties and states in a dynamic UI.

React Components

How do you think data is managed in React? Changes in the component data are managed using state and props in a React application. In addition, you can pass data and state between components. You will discover the three phases of a component lifecycle and the methods used in each phase. Use hands-on experience to connect to an external server from a React page. Learn about the different approaches to test a component. Know about the different testing tools that you can use to test the component without manual verification.

Advanced React

Having problems with massive unmanageable applications? Learn about new features like Hooks and Redux to write complicated components. You will learn how Hooks handle events and logics in functional components without using classes. Redux offers a centralized state management system in your application. Learn all about the Redux elements involved in updating of the component properties.

Final Project

In the final project, you will create a React Budget Allocation app. You will learn how to break down a UI into React components and become familiar with state using the Context API. Furthermore, you will explore actions, reducers, and the dispatch function. Finally, you will create a code file, save it, and edit it to make changes.