Summary
This chapter introduces React as a JavaScript library for building reusable, component-driven user interfaces using JSX and managing efficient data flow with the Virtual DOM.

General domain of usage
Web development

Bem-vindo ao mundo do React, uma poderosa biblioteca JavaScript para construir interfaces de usuário dinâmicas e interativas. Vamos explorar o que é o React e por que ele se tornou a escolha principal para o desenvolvimento web moderno.

# O que é React?
1. React é uma biblioteca JavaScript popular para construir interfaces de usuário reutilizáveis e baseadas em componentes para páginas web ou aplicações;
2. React combina HTML com funcionalidades JavaScript em sua linguagem de marcação chamada JSX. O React também facilita o gerenciamento do fluxo de dados em toda a aplicação;
3. Neste curso, você aprenderá a criar diferentes componentes React, gerenciar dados em props de estado, trabalhar com a API real que representa o backend e muito mais.

Sinta-se à vontade para acessar estes links para revisar ou aprender essas tecnologias essenciais antes de começar com o React.

# O que você irá aprender no curso
- Início com a compreensão dos fundamentos do React, incluindo SPAs vs. MPAs, Virtual DOM, JSX e renderização de elementos;
- Em seguida, criação e estilização de componentes React utilizando diversos métodos, como estilos inline, arquivos CSS e módulos CSS;
- Exploração dos Hooks e Context do React, abordando os hooks useState, useRef, useEffect e useMemo, além do gerenciamento de estado global com Context;
- Por fim, configuração do ambiente de desenvolvimento, incluindo ajustes no editor de código, estruturação da pasta do projeto, uso do terminal e inicialização de um projeto React.

Aprenda a construir interfaces de usuário dinâmicas e interativas com React. Compreenda conceitos fundamentais como JSX, o DOM virtual e a arquitetura reutilizável baseada em componentes. Aplique técnicas de estilização utilizando estilos inline, CSS externo e módulos CSS para um design escalável. Gerencie estado e efeitos colaterais de forma eficiente com React Hooks e compartilhe dados entre componentes usando Context.

Compreenda os princípios fundamentais do React. Você aprenderá sobre JSX (JavaScript XML), construção de componentes de UI reutilizáveis e renderização de elementos. Além disso, explorará a importância da coleta de dados e da renderização condicional em aplicações React. Ao final desta seção, você terá uma base sólida dos conceitos essenciais do React, preparando-se para os tópicos mais avançados abordados nas próximas seções.

Explore os diversos métodos de adicionar estilos às aplicações React. Você aprenderá a aplicar estilos a componentes individuais, utilizar estilos dinâmicos e manter uma abordagem de estilização escalável e sustentável em seus projetos.

Recursos avançados no desenvolvimento moderno com React. Hooks revolucionam a escrita de componentes funcionais, oferecendo uma maneira concisa e intuitiva de gerenciar estado e executar efeitos colaterais. Por outro lado, Context permite compartilhar dados pela árvore de componentes sem a necessidade de prop drilling. A combinação de Hooks e Context possibilita um gerenciamento de estado eficiente e compartilhamento de dados simplificado em aplicações React.

Guia passo a passo sobre como iniciar um projeto React do mundo real. Desde a configuração do ambiente de desenvolvimento até a compreensão da organização do projeto e ferramentas essenciais, você adquirirá o conhecimento e a confiança necessários para iniciar sua jornada com React.

O Que É React e Por Que Usá-Lo?

O que é React?

O que você irá aprender no curso

Awesome!

O Que É React e Por Que Usá-Lo?

O que é React?

O que você irá aprender no curso