Busca DevMedia
Você está buscando por "react" em Exemplos
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- 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.
- Criando um jogo da velha passo a passoExemplo
Neste projeto apresentaremos o projeto Jogo da Velha em React Native que você deverá construir utilizando os seguintes recursos: Pressable, funções JavaScript, escopos de função, entre outros.
- Introdução ao React.jsExemplo
Neste projeto você aprenderá como criar a sua primeira Single Page Application (SPA) utilizando React.js.
- Consumindo uma API node através de uma aplicação ReactExemplo
Veja neste projeto como utilizar o React para construir uma aplicação que consome uma API Node.
- Criando um aplicativo React Native com tab navigationExemplo
Neste projeto vamos focar na navegação do tipo Tab Navigation, com isso, você vai aprender a personalizar as abas alterando as cores dos textos, inserindo ícones e alterando a barra de título.
- Criação de componentes com React NativeExemplo
Neste projeto vamos aprender a criar e a reutilizar um componente React Native utilizando os conceitos de importação e exportação (import e export).
- Trilogia Star Wars: Navegando entre telas com o React NativeExemplo
Neste projeto você vai aprender como criar e configurar a navegação de um aplicativo React Native utilizando as navegações: Stack navigation, Drawer navigation e Tab navigation.
- Página web de consultório dentário com ReactExemplo
Além de funções ou valores como uma string, um number ou um boolean também conseguimos passar tags e componentes através de props para dentro de outro componente. Entenda neste projeto o que isso significa e porque será útil na programação React.
- Exibindo uma imagem no aplicativo com React NativeExemplo
Neste projeto aprenderemos a utilizar o componente Image para exibir uma imagem em um aplicativo React Native. Aprenderemos também sobre o conceito de importação (uso das palavras import e from) e como ele é aplicado para exibir uma imagem na tela.
- Componentes do tipo container no React NativeExemplo
Neste projeto você aprenderá mais três componentes do tipo container: ScrollView, ImageBackground e Pressable.
- Enviando seu app React para a produçãoExemplo
Aprenda neste projeto a fazer as configurações necessárias para enviar sua aplicação para produção.
- Calculadora de churrasco no React NativeExemplo
Para aprender a estilizar componentes, vamos criar a calculadora que será vista neste projeto. Através dela vamos aprender a estilizar textos, imagens e definir os espaços entre cada um desses componentes.
- Estilização básica no React NativeExemplo
Neste projeto aprenderemos a estilizar um componente utilizando propriedades de estilo que podem ser usadas em textos, containers e imagens.
- Meus primeiros componentes com React NativeExemplo
Aprenda neste projeto a criar, importar, exportar e estilizar componentes no React Native.
- React: Trabalhando com propsExemplo
Aprenda neste projeto a reaproveitar componentes no React através de props.
- React: Criando Minhas Primeiras RotasExemplo
Aprenda neste projeto a criar suas primeiras rotas através da biblioteca ‘react-router-dom’.
- React Native: Listagem de signos utilizando PropsExemplo
Aprenda neste projeto a reaproveitar componentes no React Native através de props.
- Estilize componentes no React NativeExemplo
Neste projeto aprenderemos a estilizar os componentes para dar ao usuário uma experiência melhor ao utilizar o seu aplicativo.
- Deploy de app no React NativeExemplo
Aprenda neste projeto a fazer as configurações necessárias para gerar o arquivo de instalação do aplicativo: .apk ou .aab no Android e .ipa no iOS.
- Entendendo a navegação no React NativeExemplo
Nesse projeto entenderemos a navegação e como ela é necessária quando temos um aplicativo com mais de uma tela e através dela conseguimos mudar de uma tela para outra.
- React Native: Sorteador de númerosExemplo
Neste projeto criaremos um sorteador de 1 a 100 e com isso vai aprender a criar e utilizar variáveis de estado e o evento onPress.