React Native – Banco de Dados AsyncStorage
React Native – Banco de Dados AsyncStorage Neste exemplo iremos mostrar como utilizar um banco de dados AsyncStorage no react native. App.js settingsStorage.js
» Read moreCategoria: React
Criando uma Lista de Contato (Parte 3 – Navigation)
Criando 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)
Criando 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 Contatos
Criando 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
Introduçã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
Introduçã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
Criando 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
Introduçã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