1- Criar um projeto utilizando Expo. Antes acesse a uma pasta onde deseja que o projeto seja criado. 2- Acesse a pasta do projeto criada feed-insta e start o servidor 3- Uma vez iniciado o servidor, você verá um QR Code no terminal. Use a câmera do seu celular, e uma vez lido o QR Code irá aparecer um aviso […]
» Read moreCriando uma Lista de Contato (Parte 3 – Navigation) Nesta aula iremos criar uma lista de contato utilizando os dados oriundos de um API adicionando o Navigation para um Header novo e adicionar um evento de clique na lista navegar até uma tela de detalhe. Para criar um projeto novo veja as aulas anteriores. Abra o projeto da aula anterior […]
» Read moreCriando uma Lista de Contato (Parte 2) Nesta aula iremos criar uma lista de contato utilizando os dados oriundos de um API. Para criar a lista de contato crie um projeto novo utilizando o “expo init pessoas” (ou create-react-native-app pessoas). http://www.desafiosdeti.com.br/react/criando-o-primeiro-app-react-native/ Abra o projeto no Visual Code. Crie a pasta src dentro do projeto e dentro desta página crie a […]
» Read moreCriando uma Lista de Contato Para criar a lista de contato crie um projeto novo utilizando o “expo init pessoas” (ou create-react-native-app pessoas). http://www.desafiosdeti.com.br/react/criando-o-primeiro-app-react-native/ Abra o projeto no Visual Code. Crie a pasta src dentro do projeto e dentro desta página crie a pasta component. Criando o Header Crie o arquivo chamado Header.js na pasta component e escreva o código […]
» Read moreIntrodução a React e JSX: State, Props e Function Component Continuando o exemplo anterior (http://www.desafiosdeti.com.br/react/introducao-a-react-e-jsx/) vamos mostrar como utilizar State, Props e Function Component do React. State State são dados privados e completamente controlado pelo componente. O estado de uma aplicação nada mais é que as informações armazenadas no nosso programa em um determinado tempo. Na linha 4 é feita […]
» Read moreIntrodução a React e JSX React é uma biblioteca JavaScript declarativa, eficiente e flexível para a criação de interfaces de usuário (UI). Com esse exemplo surge também o conceito de componentes, uma das bases do React. O modo como o React trabalha para criar interfaces de usuário (ou User Interfaces, as UIs) é por meio da quebra de toda a […]
» Read moreCriando o primeiro APP React Native Para criar o primeiro app vamos utilizar o create-react-native-app, pois facilita em muito o build e desenvolvimento da aplicação, já que não precisamos instalar o Xcode/Android Studio para fazer os builds, porém não podemos utilizar de cara módulos nativos. Usando Yarn 1- Instalar o yarn 2- Criar um projeto utilizando Expo. Antes acesse a […]
» Read moreIntrodução a ES6 ES6, ECMAScript 6 ou ES2015, é simplesmente a mais nova versão do JavaScript. Uma dúvida bem comum é o porquê dessa mudança do nome. Na verdade não houve nenhuma mudança: JavaScript é como nós chamamos a linguagem, só que esse nome é um trademark da Oracle (que veio após a compra da Sun). O nome oficial da […]
» Read more