Busca DevMedia
Você está buscando por "react native" em vídeo aula
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Mobile
- Visão geral do React Native Vídeo
Quando falamos em criar um aplicativo que possui telas, imagens e botões, uma dúvida surge. Preciso saber desenhar para colocar estes recursos gráficos no React Native? Esta aula vai responder esta pergunta.
- Padrões de arquivos React Native Vídeo
Já sabemos que para organizar o código do aplicativo, nós criamos uma pasta com o nome do componente e nela inserimos dois arquivos: código de exibição e código de estilização. Nesta aula veremos o padrão adotado pela comunidade de programadores React Native para nomear esses dois arquivos.
- Introdução Vídeo
React Native é uma das tecnologias mais utilizadas para desenvolver aplicativos mobile. Mas afinal o que é React Native e o que faz ele ser tão escolhido pela comunidade de programadores mobile? Essas perguntas serão respondidas nesta aula.
- Hello World Vídeo
Criamos um aplicativo React Native e inserimos dois textos na tela, além de mudar a sua cor de fundo. Nesta aula vamos criar um novo aplicativo e entender o código React Native.
- Criando meu primeiro aplicativo Vídeo
Expo é a ferramenta que transforma o código React Native em um aplicativo. Nesta aula você vai aprender os comandos básicos do Expo e com ele vai criar e testar seu aplicativo React Native no celular.
- Instalando as bibliotecas Vídeo
Para utilizar navegação em um aplicativo React Native é necessário instalar a biblioteca react-navigation ela será responsável pela configuração e linkagem das rotas. Para cuidar do código nativo ela conta com algumas outras bibliotecas que vemos nesta aula.
- Padrão de cores Vídeo
No React Native utilizamos cores para estilizar o fundo da tela ou então textos. Você já conhece o padrão nominal, ou seja, utilizar o nome da cor em inglês, nesta aula vamos conhecer os tipos RGB e Hexadecimal.
- Entendendo o conceito de importação Vídeo
No React Native importamos códigos que permitem criar um componente, exibir um texto, agrupar componentes e estilizar o aplicativo. Nesta aula vamos explorar a estrutura de sintaxe de importação de uma biblioteca.
- Estruturas de sintaxe Vídeo
Nesta aula vamos aprender as estruturas de sintaxe presente nos códigos React Native. Essas estruturas são responsáveis por fazer importações de códigos, criar componentes e exibir conteúdo na tela.
- Preparando o ambiente Vídeo
Para começar a criar aplicativos com React Native alguns programas são necessários, como por exemplo um editor de texto. Nesta aula você vai conhecer quais são esses programas e aprender a instalá-los.
- Gerenciando a navegação com NavigationContainer Vídeo
Através do componente NavigationContainer definimos que o aplicativo vai ter navegação. Ele é importado da biblioteca @react-navigation/native. Dentro dele inserimos o tipo de navegação do nosso aplicativo e suas rotas.
- Introdução Vídeo
Já aprendemos como utilizar os componentes View e Text e com eles criamos nosso primeiro aplicativo. Nesta aula vamos conhecer o componente Image e entender o que ele é e porque é útil na programação React Native.
- Criando o código do zero Vídeo
No início, criar um aplicativo pode ser difícil, isso porque ainda estamos nos familiarizando com a programação React Native. Nesta aula vamos explicar os passos dados para criar o aplicativo que vimos nas aulas anteriores.
- Introdução Vídeo
Componentes são todos os elementos visuais exibidos na tela do aplicativo. Nesta aula vamos relembrar o conceito de componentes e vamos entender porque eles serão úteis na programação React Native.
- Introdução Vídeo
Antes de programar nossas variáveis de estado e o evento onPress, vamos aprender o que são esses conceitos e como eles serão úteis na programação React Native.
- Estilizando um componente Vídeo
No React Native existem duas formas de estilizar um componente: através do objeto StyleSheet ou inline. Nesta aula vamos relembrar esses conceitos.
- Conhecendo o projeto base Vídeo
Para realizar o deploy precisamos ter um aplicativo criado e por isso vamos utilizar o aplicativo desafio tabuada criado no curso React Native: Navegação.
- Introdução Vídeo
Nesta aula vamos aprender o que são props e como isso será útil na programação em React Native.
- Introdução Vídeo
Antes de utilizar o TextInput precisamos aprender que componente é esse e como ele será útil na programação React Native.
- Importando e exportando componentes Vídeo
Como na programação React Native basicamente trabalhamos com componentes, aprender a importar e exportá-los é fundamental, e esse é o objetivo dessa aula.
- Considerações finais Vídeo
Os conceitos vistos até aqui o tornam um programador ou programadora React Native. Nesta aula vamos ampliar sua mente e relembrar os conceitos que você já domina.
- Navegando entre telas Vídeo
Com as rotas criadas precisamos agora avisar para o React Native quando queremos abrir uma nova tela. Para isso é necessário chamar o método navigate que veremos nesta aula.
- Instalando as bibliotecas Vídeo
A biblioteca react-navigation nos permite criar de forma nativa a navegação do aplicativo. Para cuidar do código nativo ela conta com algumas outras bibliotecas que vemos nesta aula.
- Introdução - Consumindo uma API RESTful com React Native - Vídeo 1 Vídeo
Nesta primeira aula vamos conhecer um pouco o React Native e entender o kit de ferramentas que vamos precisar instalar para dar início a construção do aplicativo, além de ter uma visão geral do projeto que construiremos durante o curso.
- Criando um projeto - O que é React Native - Vídeo 2 Vídeo
Saiba como preparar um ambiente de desenvolvimento para programar com o React Native. Logo após, veremos como criar e abrir um projeto utilizando o Visual Studio Code. Para testar a aplicação no dispositivo mobile usaremos o Expo.
