Learn how to use more advanced React concepts and features, optimize and debug your React applications, and become proficient in using React Bootstrap and JSX. You’ll examine different types of React components, learn various characteristics and when to use them. You’ll start working with hooks, effects and other functional components. You’ll find out how routing is used in React to customize the users' experience, you’ll create a web application that consumes API data, and you'll get familiar with the most commonly used React framework integrations, tools, and debugging approaches.
Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.
By the end of this course, you will be able to:
• Render list and form components efficiently in React.
• Lift a shared state up when several components need the updated data.
• Use all common hooks in React, and put them to use within your application.
• Build your own custom hooks.
• Understand JSX in depth.
• Use advanced patterns to encapsulate common behaviour via Higher Order Components and Render Props.
• Test and debug your application.
• Build a portfolio using React.
You’ll gain experience with the following tools and software:
• React.js
• JSX
• React
• HTML, CSS and JavaScript
• VSCode
You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career.
To take this course, you should understand the basics of React, HTML, CSS, and JavaScript. Additionally, it always helps to have a can-do attitude!
Course 6 of 9 in the Meta Front-End Developer Professional Certificate
What You Will Learn
- Create function components in React using hooks
- Store and retrieve data from external sources
- Setup testing and debugging for React
- Describe the characteristics of the most commonly used React frameworks
Syllabus
WEEK 1
Components
Learn how to render list and form components efficiently in React, and learn how to lift a shared state up when several components need the updated data.
WEEK 2
React Hooks and Custom Hooks
Learn to use all the common hooks in React, and how to put them to use within your application. Then, build your own custom hooks.
WEEK 3
JSX and testing
Understand JSX in depth and discover advanced patterns to encapsulate common behaviour via higher-order components and render props. Then, learn how to test and debug your application.
WEEK 4
Final project
In this module, you will be assessed on the key skills covered in the course and create a project to add to your portfolio.