O que você quer aprender?

Curso React: autenticando usuários

Aprenda lidar com a autenticação de usuários em aplicações React e a interceptar requisições HTTP com o axios.

Curso React: desenvolvendo com JavaScript

Dê os seus primeiros passos com o React.JS, criando um projeto do zero.

React e React Native na Novatics – Hipsters On The Road #23

Hoje viemos bater um papo na Novatics, uma empresa de tecnologia e desenvolvimento de software que desenvolveu o Labor, um sistema de controle de horas. Eles contaram sobre as tecnologias que utilizaram e utilizam para esse e outros projetos da empresa, além de bastaaante papo de React! Venha saber disso e muito mais neste episódio! Participantes: Gabs Ferreira, o host que já está com fome Maurício "Balboa" Linhares, o co-host que queria entrega internacional Arthur Nóbrega, Engenheiro de Software na Novatics Vitor Ribeiro, Engenheiro de Software na Novatics Vinícius Franco, Engenheiro de Software na Novatics Links: Site da Novatics Site do sistema "Labor", da Novatics Formação React na Alura Cursos de React Native na Alura Formação Ruby on Rails na Alura Desconto na Alura para ouvintes do Hipsters Ponto Tech! React Native – Hipsters #148 Produção e conteúdo: Alura Cursos de Tecnologia - === Caelum Ensino e Inovação - Edição e sonorização: Radiofobia Podcast e Multimídia

Hooks do React: useReducer

Esse Alura+ foca no desenvolvimento de uma aplicação de cadastro de frases utilizando TypeScript, React e JavaScript. Os alunos aprenderão a gerenciar o estado da aplicação com useState e useReducer, implementar validações de entrada e centralizar a lógica de negócios usando Reducer para manter os componentes limpos e organizados. O que será aprendido: - Inicialização e gerenciamento do estado da aplicação com o hook useState. - Técnicas para exibir dados dinamicamente com a função map. - Implementação de validações para adição de novas frases. - Criação e uso de um reducer para organizar a lógica de negócios. - Utilização do dispatch para despachar ações no componente principal. - Conexão do reducer ao componente com o hook useReducer. - Boas práticas para manter componentes limpos e escaláveis. Vamos então nos aprofundar no uso do useReducer? Você pode [fazer o download do Node.JS aqui]( de acordo com o seu sistema operacional. Lembre-se de consultar [a documentação do React]( para relembrar os comandos utilizados para se iniciar uma aplicação do zero. Se quiser entender todo poder do Json Server, se liga [nesse artigo]( que eu escrevi pra você. Não se esqueça de [baixar o arquivo db.json nesse link]( Além disso se você quiser se aprofundar em gerenciamento de estados no React, você pode fazer este curso de [React: gerencie estados globalmente com Context API]( Caso você queira soluções mais robustas e escaláveis em gerenciamento de estados para suas aplicações, recomendo dar uma olhadinha na nossa formação [React: domine o gerenciamento de estados]( Se quiser uma palhinha do que verá nessa formação, pode consultar [este artigo]( que fala sobre **bibliotecas para lidar com gerenciamento de estados em projetos React**. ## [Esse é o repositório]( do Organo. Esse projeto você desenvolve comigo e com o Paulo Silveira no curso [React: desenvolvendo com JavaScript]( Não se esqueça de publicar e me marcar nas redes sociais a sua solução para esse desafio! Seja no [Linkedin]( ou [Instagram]( o importante é participar! Te vejo na próxima. Vida longa e próspera.

Hooks do React: useLayoutEffect

Neste Alura+, Vinny Neves faz um mergulho no hook useLayoutEffect do React. Através de um exemplo real de ajuste das dimensões da tela, você aprenderá a sincronizar o DOM com o estado da aplicação e evitar problemas de flickering. O vídeo também ensina como gerenciar eventos de redimensionamento e realizar a limpeza de listeners de forma eficiente. O que será aprendido: - Entender a diferença entre useEffect e useLayoutEffect e quando usar cada um. - Aprender a atualizar as dimensões da tela em tempo real com useLayoutEffect. - Compreender como useLayoutEffect evita o flickering e melhora a experiência do usuário. - Descobrir como adicionar e remover listeners de eventos no ciclo de vida do componente. - Implementar manipulações eficientes no DOM com o uso de hooks. - Conhecer as melhores práticas para a limpeza de recursos no React. **Para entender melhor o uso do** useEffect, recomendo assistir ao vídeo relacionado disponível em: [Link para o vídeo de useEffect]( "‌").

Hooks do React: useState

# Vamos então nos aprofundar no uso do useState? Você pode [fazer o download do Node.JS aqui]( de acordo com o seu sistema operacional. Lembre-se de consultar [a documentação do React]( para relembrar os comandos utilizados para se iniciar uma aplicação do zero. Durante esse Alura+, nós vamos utilizar essa API do ViaCEP: * [ # E sobre o desafio: ## [Esse é o repositório]( do Organo. Esse projeto você desenvolve comigo e com o Paulo Silveira no curso React: desenvolvendo com JavaScript. Não se esqueça de publicar e me marcar nas redes sociais a sua solução para esse desafio! Seja no Linkedin ou no Instagram, o importante é participar! Te vejo na próxima. Vida longa e próspera

Hooks do React: useMemo