Busca DevMedia
Você está buscando por "react"
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- Guia de React Guia
Aprenda nessa série o que é o React e em que contexto ele pode ser utilizado.
- Guia de React Native Guia
Confira neste guia uma sequência de cursos e exemplos que te guiarão do básico ao avançado em React Native.
- Tecnologia React Guia
React é uma biblioteca moderna que permite a construção de interfaces de usuário.
- Guia de linguagem JavaScript Guia
Este guia te ajudará a traçar uma rota segura para aprender algumas das muitas tecnologias que orbitam o JavaScript, apresentando um panorama sobre como desenvolvemos com o JavaScript atualmente.
Guias relacionados
- React Native: Consumindo APIsCurso
Neste curso conectaremos nosso app React com uma API usando a biblioteca Axios, muito comum na programação com React. Ao final deste curso você conseguirá construir aplicações React Native que consomem dados de sistemas back-end, através de AP
- Consumindo APIs Públicas de TerceirosCurso
No curso anterior vimos o que são APIs e como as utilizamos junto ao React Native. Agora, neste curso, veremos como utilizar APIs públicas de terceiros em nosso sistema.
- React Native: Funções JavaScript e React NativeCurso
Neste curso vamos falar sobre a utilização de funções JavaScript dentro do React Native. Através de uma série de exemplos mostraremos como as funções do JavaScript podem ser integradas de maneira simples ao React Native deixando o código mais organizado, com um maior nível de reaproveitamento.
- React Native: Fontes personalizadasCurso
Neste micro curso falaremos sobre o uso de fontes personalizadas em aplicativos React Native. O objetivo é que você aprenda a utilizar fontes personalizadas através da biblioteca do Google Fonts para React Native. Ao Final deste curso você conseguirá personalizar ainda mais o visual do seu app.
- React Native: PressableCurso
Neste micro curso falaremos sobre o componente Pressable do React Native, que serve como uma alternativa ao button. Ele permite criar elementos clicáveis personalizados para transformar qualquer elemento nativo do React em estruturas clicáveis.
Cursos e Vídeos relacionados
- Consumindo APIs com React NativeExemplo
Neste projeto conectaremos nosso app React com uma API usando a biblioteca Axios, muito comum na programação com React. Ao final você conseguirá construir aplicações React Native que consomem dados de sistemas back-end, através de APIs.
- Consumindo APIs Públicas de Terceiros com React NativeExemplo
Neste projeto conheceremos a API Futebol, a API que consumiremos no nosso app de Tabela de Classificação do Campeonato Brasileiro. Por fim, vamos entender o que é uma API key, e como ela é utilizada na API Futebol.
- Trabalhando com coleções de dados no ReactExemplo
Neste projeto veremos como trabalhar com coleções de dados no React. A ideia é que o site tenha componentes dinâmicos na tela, os quais são carregados conforme a coleção de dados.
- React Native: Busca em App de listagem de bancosExemplo
Neste projeto veremos como construir uma busca com Array.filter. A ideia é utilizar o filter de um modo diferente, permitindo buscar informações com base em um texto digitado pelo usuário, ao invés de buscar por dados fixos.
- React: Alternando o tema de um elementoExemplo
Neste projeto você poderá alterar o estilo de um elemento com o uso do Hook State mais o evento de clique.
Exemplos relacionados
- Fundamentos básicos de JavaScript necessários para aprender React Artigo
Neste artigo você saberemos quais os conceitos básicos na linguagem JavaScript você precisará ter para começar a aprender a biblioteca React JS.
- Ciclo de vida de um componente React com o Effect Hook Artigo
Neste artigo você aprenderá o que é o ciclo de vida de um componente React, quais as suas fases e como é possível utilizar o Hook useEffect para criar essas fases.
- Utilizando Styled Components no React Artigo
Neste artigo você aprenderá sobre a biblioteca Styled Components e como a utilizamos para criar componentes de estilo em React JS.
- React SPA: Entendendo o conceito de uma Single Page Application Artigo
Nesta documentação você aprenderá o que é uma Single Page Application e como esse conceito pode ser aplicado nas suas páginas, além de ver como utilizá-lo em um projeto React.
- React.JS: Criando rotas com React Router Dom Artigo
Neste artigo vamos abordar um conceito importante dentro de aplicações com o React.JS, que é a navegação entre telas.
Artigos relacionados
- Conhecendo a API de exemplo Vídeo
Nesta aula veremos como utilizar os conceitos que vimos e relembramos para consumir uma API pública na prática no React Native. A API será consumida através do Axios, uma biblioteca de APIs que utilizaremos em nosso projeto React Native.
- Implementar o App Router manualmente Vídeo
Durante o desenvolvimento de um projeto React, é possível que o programador crie a aplicação sem selecionar o uso do App Router. Nesse caso, o React oferece a opção de defini-lo manualmente na aplicação. Nessa aula, veremos como usar o App Router mesmo sem selecioná-lo durante a configuração da app.
- Conhecendo o Axios Vídeo
Nesta aula vamos conhecer o Axios, uma biblioteca que possibilita o consumo de APIs no React Native. O objetivo será entender como o Axios funciona, além de aprender a instalá-lo em nosso projeto.
- Construindo o App Vídeo
Nesta aula veremos na prática como consumir a classificação do campeonato brasileiro a partir do endpoint Tabela da API Futebol. O objetivo é, ao final desta aula, ter um app React Native que, ao ser iniciado, liste a classificação do campeon
- Tratando erros com Axios Vídeo
Quando fazemos uma requisição para uma API pode ser que ocorram erros. Nesta aula vamos aprender como identificar e tratar esses erros utilizando o Axios. O objetivo é que nossa aplicação seja capaz de tratar qualquer erro que ocorra na requisição ou na resposta da API.
