Desenvolvimento Web Frontend com React JS e Projeto Completo

Aprenda como usar a biblioteca React JS através do desenvolvimento de um curso completo e funcional.

Desenvolvedor com conhecimento em React é um requisito comum em muitas ofertas de emprego. Se você encontrou este curso, é porque pretende aprender mais sobre o que é o React, suas principais características e as vantagens que ele oferece. No entanto, é importante esclarecer que o React JS não é um framework em si, mas sim uma biblioteca JavaScript. Sua principal função é facilitar a criação de interfaces de usuário de forma ágil e versátil. O React nos permite criar aplicativos web de página única (SPAs) e até mesmo aplicativos móveis. Isso é alcançado por meio de um ecossistema complexo de módulos e ferramentas que foram criados para desbloquear todo o potencial dessa biblioteca e permitir um desenvolvimento flexível. O React JS tem um forte suporte da comunidade, com o Facebook como sua principal força motriz, e também é amplamente utilizado por empresas como BBC, Airbnb, Netflix, Dropbox e muitas outras. Isso nos dá uma ideia de sua abrangência.

Neste curso, você aprenderá o React por meio do desenvolvimento completo de uma aplicação web sobre livros. Para o backend, usaremos uma API implementada pelo site OpenLibra, portanto, só precisamos fazer requisições a essa API para recuperar os dados que serão exibidos no frontend. Geraremos uma série de visualizações ou interfaces web usando o React JS. Além disso, usaremos uma variedade de bibliotecas e ferramentas em conjunto com o React para desenvolver uma aplicação web totalmente funcional que pode ser implantada em produção. Algumas das mais notáveis incluem:

Node JS:

O Node JS é usado para criar sites dinâmicos altamente eficientes usando a linguagem de programação JavaScript. Os desenvolvedores frequentemente escolhem esse ambiente de execução quando desejam que os processos sejam executados rapidamente e sem problemas, mesmo com várias conexões. Ele vem com um gerenciador de dependências chamado npm, que é uma ferramenta de linha de comando que ajuda a instalar e desinstalar pacotes, gerenciar versões e lidar com dependências necessárias para executar um projeto.

Vite JS:

O Vite JS é uma ferramenta de compilação que tem como objetivo fornecer uma experiência de desenvolvimento mais rápida e ágil para projetos web modernos.

Chakra UI:

O Chakra UI é uma biblioteca de componentes simples, modular e acessível que fornece a base para a construção de aplicativos React personalizados com estilos.

React Icons:

O React Icons é uma pequena biblioteca que permite adicionar ícones (de várias bibliotecas de ícones) aos seus aplicativos React. Ele fornece ícones como componentes, facilitando o trabalho com eles.

Vercel:

O Vercel é uma plataforma em nuvem para sites estáticos e funções serverless que se integra perfeitamente ao seu fluxo de trabalho. Ele permite que os desenvolvedores hospedem sites e serviços web que são implantados instantaneamente, dimensionados automaticamente e não exigem supervisão, tudo sem qualquer configuração.

O que você aprenderá:

• Desenvolver interfaces web usando o React JS.
• Lidar com a sintaxe JSX usada no React JS.
• Aprender módulos básicos do React JS, como React Hooks ou React Router.
• Utilizar uma API pública como backend para uma aplicação web.
• Usar a biblioteca Chakra UI para adicionar estilos aos componentes React.
• Adicionar ícones às interfaces web usando a biblioteca React Icons.
• Implantar uma aplicação web usando o Vercel.