React.js: Understand and Apply the Lifecycle

Sobre o curso

This course covers the lifecycle of components in React.js, covering both class and functional components with hooks. In 10 hours, you will learn how to create reusable components, implement best practices, and develop practical projects. The course also covers testing, debugging and performance optimization, enabling you to build robust and efficient React applications.

For you to learn much more about React.js, I recommend these courses that we also make available for free:

Immersion in React: Comprehensive Course for Beginners

Master React.js: Components for Modern Web

Advanced React: Props and State

Siga-me

Exibir Mais

Conteúdo do curso

Module 1: Introduction to React and Components

Module 2: Component Lifecycle — Class Components

Module 3: Component Lifecycle — Hooks and Functional Components

Módulo 4: Boas Práticas e Padrões de Projeto

Module 5: Case Studies and Practical Projects

Quiz

Classificações e revisões de estudantes

Sem avaliações ainda

React.js: Understand and Apply the Lifecycle

Sobre o curso

O que você aprenderá?

Conteúdo do curso

Module 1: Introduction to React and Components

Class 01 — What is React.js?

Class 02 — Configuring the development environment

Class 03 — Concept of components in React

Class 04 — Types of components: Functional and Class

Class 05 — First steps with JSX

Module 2: Component Lifecycle — Class Components

Class 01 — Overview of the life cycle of class components

Class 02 — Component assembly (constructor, componentDidMount)

Class 03 — Component update (shouldComponentUpdate, componentDidUpdate)

Class 04 — Component disassembly (componentWillUnmount)

Class 05 — Additional lifecycle methods (getDerivedStateFromProps, getSnapshotBeforeUpdate)

Module 3: Component Lifecycle — Hooks and Functional Components

Class 01 — Introduction to Hooks

Class 02 — useState and useEffect

Class 03 — Side effects and cleaning with useEffect

Class 04 — Comparison between Hooks and lifecycle methods in class components

Class 05 — Custom Hooks and their applications

Módulo 4: Boas Práticas e Padrões de Projeto

Class 01 — Structuring and organizing React projects

Class 02 — Reusable components and composition

Class 03 — Local and global state management

Class 04 — Error handling and boundary components

Class 05 — Component tests (unit and integration)

Module 5: Case Studies and Practical Projects

Class 01 — Analysis of real projects and component life cycle

Class 02 — Implementation of a practical project: from planning to execution

Class 03 — Debugging and performance optimization

Class 04 — Feedback and improvements to the final project

Quiz

Learning Test

Siga-nos