Busca DevMedia
Você está buscando por "react" em vídeo aula
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- 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.
- Criando um exemplo de menu sanduíche Vídeo
Nesta aula vamos criar um exemplo prático, que servirá como base para aplicar o que aprendemos até aqui sobre o State Hook, evento onClick e como aplicar lógica no código de interface. Criaremos uma aplicação que exibe um menu quando um botão for clicado.
- Consumindo APIs com Axios Vídeo
Nesta aula vamos criar uma aplicação simples utilizando o Axios. Este primeiro exemplo vai consumir a API de UFs e imprimir a lista de UFs no console. Vamos conhecer também o conceito de operações assíncronas, essencial para quem vai trabalhar com APIs.
- Componentização Vídeo
Nesta aula vamos finalizar a refatoração do App de UFs através da componentização. O objetivo é separar o código em contextos menores, cada um com sua própria responsabilidade.
- Funções JavaScript e React Native Vídeo
Antes de começar a utilizar as funções no React Native, vamos entender um pouco a proposta desse curso, assim como o objetivo de utilizarmos funções JavaScript dentro do React Native. Nesta aula você vai aprender porque devemos utilizar funções no React Native e qual sua utilidade.
- Array.map no React Vídeo
Nesta aula veremos como utilizar o Array.map no código React. Conheceremos também a sintaxe do Array.map e a propriedade nativa do React: key.
- Usando funções JavaScript no React Native Vídeo
Nesta aula veremos como utilizar funções JavaScript em uma aplicação React Native. O objetivo é entender como podemos aplicar o conteúdo aprendido nos módulos de JavaScript dentro do código de um App React Native.
- Utilizando Google Fonts em um projeto React Native Vídeo
Nesta aula você vai aprender como instalar e utilizar fontes personalizadas através das bibliotecas de fontes do Google Fonts para React Native. No decorrer da aula você vai aprender a instalar e utilizar uma fonte do Google Fonts em um projeto React Native.
- Array.filter no React Vídeo
Nesta aula veremos a utilidade do Array.filter no código React para realizar buscas em uma coleção de dados. Também relembraremos o funcionamento do Array.filter e a sua sintaxe, conforme o que já foi apresentado no módulo de JavaScript.
- Pressable Vídeo
Antes de começar a utilizar o Pressable em nossos projetos React Native é importante saber o que é e porque ele é útil para você desenvolvedor, na hora de criar aplicações com React Native.
- Modal Vídeo
Antes de começar a utilizar o Modal em nossos projetos React Native é importante saber o que é o Modal e porque ele é útil para você desenvolvedor, na hora de criar aplicações com React Native.
- Criando o jogo - Visão Geral Vídeo
Nesta aula vamos apresentar a você uma visão geral do processo de construção do Jogo da Velha em React Native. Ao fim desta aula, você conhecerá todas as etapas que serão seguidas para construir um Jogo da Velha em React Native.
- Introdução Vídeo
Nesta aula veremos como integrar o uso do Array.map no React para exibir componentes de forma dinâmica, usando uma coleção de dados como base.
- Escopo de funções Vídeo
No React Native as funções podem ter escopo local, acessível apenas ao seu próprio componente, ou global, acessível para todo o projeto. O escopo define as permissões de acesso de cada função. O objetivo é aprender a identificar o escopo ideal para cada função.
- Array.map Vídeo
Nesta aula veremos como podemos integrar o uso do Array.map no React Native para exibirmos componentes de maneira dinâmica com base em coleções de dados. Veremos como repetir um mesmo componente inúmeras vezes na tela, a partir de um array de da
- Usando o Pressable Vídeo
Nesta aula você aprenderá como utilizar o Pressable para resolver as questões apresentadas na aula anterior. No decorrer da aula você criará um botão personalizado utilizando o Pressable e outros componentes nativos do React.
- Usando o Array.map Vídeo
Nesta aula você vai aprender como utilizar o Array.map para criar uma lista de itens dinâmicos com base em uma coleção de dados. No decorrer da aula você entenderá como o Array.map deve ser utilizado dentro do seu código React Native.
- Criando uma busca com Array.filter Vídeo
A ideia nesta aula é 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.
- Conhecendo o React.js Vídeo
Conheça nesta aula a biblioteca React.js, a ferramenta que vai te acompanhar na sua carreira como programador front-end. Entenda o que é o React.js e como ele será útil na criação de páginas web.
- Criando minha primeira aplicação Vídeo
Chegou a hora de criar sua primeira aplicação React.js. Nesta aula você aprenderá como criar uma aplicação React.js utilizando o framework Next.js. Você também aprenderá como testar a sua primeira aplicação criada.
- Hello World Vídeo
Aprenda nesta aula como criar um Hello World utilizando o React.js. Isso será feito alterando o código de alguns arquivos da aplicação.
