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.
Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.
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
This course is part of the following programs:
- IBM Full Stack Software Developer Professional Certificate
- IBM Front-End Developer Professional Certificate.
What You Will Learn
- Develop interactive user interfaces (UIs) and web applications using React, JSX, and ES6.
- Build dynamic websites and front-end applications quickly and easily with reusable React components.
- Communicate and exchange data with external services using GET, POST, UPDATE, and DELETE requests.
- Employ and work with various React concepts and features including props, states, hooks, forms, and Redux.
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.
