Escolha um Desafio de Ti!

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

0 comments

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 […]

0 comments

Criando 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 […]

0 comments

Criando 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 […]

0 comments

Introduçã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 […]

0 comments

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

0 comments

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 […]

0 comments

Criando 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 […]

0 comments

Criando 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 […]

0 comments

Introduçã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 […]

0 comments

Introduçã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 […]

1 comment

Criando 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 […]

2 comments

Introduçã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 […]

1 comment

Android – Sensor Acelerômetro

Android – Location Update Esta lição demonstra como utilizar o sensor acelerômetro. O acelerômetro é um componente eletrônico que mede a inclinação e movimento. Ele também é capaz de detectar o movimento de rotação e gestos tais como balançar ou agitar um dado aparelho eletrônico do qual ele faz parte. A plataforma Android suporta três grandes categorias de sensores: Sensores […]

0 comments

Android – Location Update

Android – Location Update Esta lição é baseada no exemplo Android Play Location que demonstra como usar a Fused Location Provider API para obter atualizações sobre a localização de um dispositivo. Ele fica localizada no Github no repositório do Google Samples (https://github.com/googlesamples/android-play-location/tree/master/LocationUpdates). Alguns pontos desse exemplo foram explicados com maiores detalhe a fim de facilitar o entedimento. 1- Crie um […]

0 comments