React Native

React Native � um framework JavaScript criado para desenvolver aplicativos mobile nativos para iOS e Android. Aqui voc� vai conhecer um pouco sobre esse framework, vai preparar seu ambiente de desenvolvimento e criar seu primeiro App.

Comece sua carreira

Guia de React Native
DevMedia
19 Conte�dos
750 Exerc�cios
Iniciante
357 avalia��es

O que � React Native

O React Native � um framework JavaScript criado para construir a interface do usu�rio em aplicativos m�veis - smartphones e tablets.

Criado pelo Facebook baseado no React - que cria interfaces voltadas para aplica��es web, o React Native � a solu��o para criar aplicativos nativos tanto para Android quanto para iOS.

O diferencial do React Native � escrever um �nico c�digo que vai funcionar tanto no Android quanto no iOS de forma nativa. Um exemplo disso � que o mesmo c�digo de um bot�o vai ter a apar�ncia de um bot�o Android, quando executado em um dispositivo Android e vai ter uma apar�ncia de bot�o iOS quando executado em um dispositivo iOS.

Podemos dizer que o React Native:

Utiliza sintaxe declarativa.
Parte do processo de integra��o cont�nua� baseado em componentes.
� multiplataforma.
Utiliza a linguagem JavaScript.

Por que aprender React Native?

Os dois principais sistemas operacionais mobile s�o Android e iOS.

Para ser um programador Android e iOS � preciso dominar duas tecnologias: Java ou Kotlin (para dispositivos Android) e Swift (para dispositivos iOS).

� muito custoso e demanda um certo tempo aprender duas tecnologias. No contexto de uma empresa que possui um aplicativo nas duas plataformas isso significa ter duas equipes - uma para cada plataforma - e a manuten��o do c�digo se torna mais demorada.

Aprender React Native � o caminho mais curto para dominar a programa��o mobile - Android e iOS - j� que s� � preciso aprender um linguagem de programa��o (JavaScript) e escrever apenas um c�digo.

Na DevMedia o aprendizado React Native est� dividido em duas se��es:

Linguagem JavaScript, que � utilizada pelo React Native e por isso � um pr�-requisito.
Framework React Native, a ferramenta utilizada para criar aplicativos mobile multiplataforma.

Exemplo de c�digo React Native

Veja abaixo um exemplo de c�digo React Native:

                                    
  import React from 'react';
  import { View, Text } from 'react-native';
  import estilo from './estilo';
  
  export default function App() {
    return (
      <View style={estilo.box}>
        <Text style={estilo.texto}>
      Hello World!
  </Text>
      </View>
    )
  }

JavaScript � a linguagem necess�ria para programar em React Native
JavaScript � uma linguagem com tipagem mut�vel.
JavaScript � uma linguagem multiparadigma.

Carreira Mobile React Native

O React Native � um framework JavaScript criado pelo Facebook para desenvolver aplicativos mobile nativos multiplataforma.

Um aplicativo mobile n�o � o sistema todo e sim a parte visual dele. Atrav�s dele conseguimos interagir e visualizar as informa��es do sistema, por isso um aplicativo � a capa do sistema.

Como dito o aplicativo n�o trabalha sozinho. Para exibir as informa��es ele precisa da camada Back-end que � quem vai processar e armazenar os dados e fornec�-los para o aplicativo (Mobile) quando necess�rio.

Programar em React Native significa criar a parte visual (mobile) do sistema.

**Figura.** Parte visual de um app feita com React Native

Caracter�sticas da programa��o Mobile

Envolve conhecimentos referentes a experi�ncia do usu�rio (UX).
Est� associado a programa��o da �tela�, ou seja, a programar o que aparece para o usu�rio e como ele vai interagir com o aplicativo.
Sempre h� vagas para programador React Native j� que atrav�s dele criamos aplicativos tanto para Android quanto para iOS.
Envolve programar as a��es que o usu�rio vai fazer no sistema.

Aprender React Native � o passo final na carreira programador Mobile.

**Figura**. Plano de estudo Programador Mobile.

Utilize o React Native para se tornar um Programador Mobile multiplataforma.

Saiba mais sobre React Native

O que voc� vai aprender sobre o React Native?

Introdu��o keyboard_arrow_down
- lock Um bate-papo sobre React Native
- lock Primeiro app com React Native
- lock 50 Exerc�cios
Componentes keyboard_arrow_down
- lock Criando meus primeiros componentes
- lock Meus primeiros componentes com React Native
- lock 50 Exerc�cios
Estiliza��o de componentes keyboard_arrow_down
- lock Estilizando componentes
- lock Estilize componentes no React Native
- lock 50 Exerc�cios
Props keyboard_arrow_down
- lock Passando propriedades para um componente com props
- lock Listagem de signos utilizando Props
- lock 50 Exerc�cios
Vari�veis de estado keyboard_arrow_down
- lock Vari�veis de estado
- lock Sorteador de n�meros
- lock 50 Exerc�cios
Componente TextInput keyboard_arrow_down
- lock Componente TextInput
- lock Sorteador personalizado de n�meros
- lock 50 Exerc�cios
Navega��o keyboard_arrow_down
- lock Navega��o
- lock Desafio Tabuada
- lock 50 Exerc�cios
Deploy keyboard_arrow_down
- lock React Native: Deploy Novo
- lock 50 Exerc�cios

Seja PRO Agora

Tenha acesso ilimitado a todo conte�do.

Comece Agora

Possui uma conta? Login

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia � uma experi�ncia �nica. Nossa metodologia de ensino � baseada nos seguintes pilares:

Orientar

keyboard_arrow_down

Plano de estudo

Apresentar um caminho claro de por onde voc� deve come�ar os estudos e qual a ordem para se aprender cada mat�ria faz total diferen�a no resultado final. Assim voc� n�o vai perder tempo estudando tecnologias desnecess�rias para aquela etapa do aprendizado e poder� se dedicar inteiramente aos temas propostos.

Suporte ao aluno

Temos uma equipe especializada para tirar todas as d�vidas que surgirem durante os estudos. Todas as perguntas s�o respondidas por especialistas e somente voc� e a nossa equipe ter�o acesso as d�vidas postadas.

Orienta��o individual

Sempre que necess�rio fazemos contato individual com cada aluno para auxiliar no uso da plataforma, a fim de agilizar os estudos. Esse servi�o est� incluso no valor da sua assinatura e voc� poder� solicit�-lo quando desejar.

Ensinar

keyboard_arrow_down

A DevMedia ensina programa��o h� 20 anos, por isso conhecemos bem as principais dificuldades que os iniciantes enfrentam, de modo geral, s�o elas: excesso de termos t�cnicos, muitas tecnologias sendo vistas ao mesmo tempo, pouca pr�tica e quase nenhum entendimento do que est�o fazendo.

Baseado nesses problemas montamos uma metodologia de f�cil compreens�o, que possibilita aprender e praticar ao mesmo tempo, priorizando apenas os conte�dos que s�o essenciais para aquela fase do aprendizado. Evitando perdas de tempo e confus�es desnecess�rias.

Todo aprendizado � feito atrav�s de miss�es que simulam o dia a dia de um programador em come�o de carreira. Ao iniciar uma miss�o, voc� tem acesso a todo o material te�rico que deve ser estudado para conseguir conclu�-la com sucesso. Cada miss�o conclu�da � um mini-projeto que voc� poder� anexar em seu portf�lio.

Praticar

keyboard_arrow_down

Programa��o n�o se aprende sem praticar. Por isso nosso foco � incentivar a pr�tica o tempo todo. S�o muitas as formas de praticar na plataforma, entre elas:

Certificados para o Linkedin

Os exerc�cios tamb�m podem garantir um Certificado de Autoridade. Nele a DevMedia afirma para o mercado que, baseado nos exerc�cios realizados, voc� comprovou que tem conhecimentos sobre determinado assunto. Depois � s� publicar no Linkedin e multiplicar as chances de conseguir sua vaga.

Miss�es pr�ticas

Todo nosso ensino � baseado em concluir miss�es. Entre as miss�es iniciais est�o "Construa seu primeiro site", "Desenvolva uma calculadora", "Monte um App simples". Cada miss�o conclu�da � um passo a mais na sua carreira de programador e mais um projeto conclu�do em seu portf�lio. Isso vai te dar um bom empurr�o em suas primeiras entrevistas de emprego com programador!

Suporte em tempo real

keyboard_arrow_down

Suporte a d�vidas em tempo real

Outro ponto muito importante durante seus estudo � conseguir tirar d�vidas rapidamente. Na DevMedia temos um time de programadores que tem a miss�o de tirar sua d�vida em tempo real.

Veja o que nossos usu�rios dizem sobre o Suporte em tempo real :)

Agrade�o e venho aqui reconhecer o trabalho de voc�s, pois eu nunca fico sem solucionar uma d�vida, seja pelas respostas aos outros usu�rios ou a mim.
Voc�s se dedicam muito ao suporte e fico feliz por ter escolhido a DevMedia tendo em vista este quesito. Acho importante esse feedback pois � o m�nimo que posso fazer.

Ismael Lima

star star star star star_border

Muito obrigada! Super claro e objetivo, adorei a aten��o que voc�s d�o aos alunos... Parab�ns!!! At� a pr�xima...

Tain� Rocha

star star star star star

Exerc�cios Gamificados

keyboard_arrow_down

Fortale�a o conhecimento com games de exerc�cios

Todos os conte�dos da Plataforma possuem exerc�cios pr�ticos e todos eles s�o gamificados. Isso significa que ao acertar voc� ganha pontos, medalhas, participa do ranking mensal e v� o seu card de programador evoluir a cada dia. A gamifica��o vai te motivar a estudar com frequ�ncia e seguir progredindo.

Para te manter motivado e fortalecer os conhecimentos adquiridos na mem�ria, a plataforma DevMedia tamb�m � um game de exerc�cios de programa��o.

Cada t�pico de estudos cont�m um game de exerc�cios! Ao acertar os exerc�cios voc� ganha pontos, medalhas e tamb�m sobe sua posi��o ranking da plataforma.

Al�m disso toda vez que voc� acerta exerc�cios de programa��o voc� evolui o seu card! Veja abaixo:

Certificados de Autoridade

keyboard_arrow_down

Os Certificados de Autoridade s�o a sua nova maneira de certificar seus conhecimentos para o mercado!

Ap�s responder corretamente 30 exerc�cios de um t�pico, voc� desbloqueia o seu certificado.

Este evolui conforme voc� pratica mais exerc�cios e consome mais conte�dos da tecnologia escolhida por voc�.

Seus Certificados de Autoridade podem ser compartilhados diretamente no seu perfil do LinkedIn!

Inicie sua carreira

Seja um Assinante e mude de vida

Comece Agora

Possui uma conta? Login

Casos de sucesso da DevMedia

Leonardo Carlos

Eu sabia pouqu�ssimas coisas de programa��o antes de come�ar a estudar com voc�s, fui me especializando em v�rias �reas e ferramentas que tinham na plataforma, e com essa bagagem consegui um est�gio logo no in�cio do meu primeiro per�odo na faculdade.

Lucas Rodrigues

Estudo aqui na Dev desde o meio do ano passado! Nesse per�odo a Dev me ajudou a crescer muito aqui no trampo.
Fui o primeiro desenvolvedor contratado pela minha empresa. Hoje eu lidero um time de desenvolvimento!
Minha meta � continuar estudando e praticando para ser um Full-Stack Dev!

Her�clito J�nior

Economizei 3 meses para assinar a plataforma e sendo sincero valeu muito a pena, pois a plataforma � bem intuitiva e muuuuito did�tica a metodologia de ensino. Sinto que estou EVOLUINDO a cada dia. Muito obrigado!

Julio Cablen

Nossa! Plataforma maravilhosa. To amando o curso de desenvolvimento front-end, tinha coisas que eu ainda n�o tinha visto. A did�tica � do jeito que qualquer pessoa consegue aprender. S�rio, to apaixonado, adorando demais.

Joelberth Sena

Adquiri o curso de voc�s e logo percebi que s�o os melhores do Brasil. � um passo a passo incr�vel. S� n�o aprende quem n�o quer. Foi o melhor investimento da minha vida!

Felipe Nunes

Foi um dos melhores investimentos que j� fiz na vida e tenho aprendido bastante com a plataforma. Voc�s est�o fazendo parte da minha jornada nesse mundo da programa��o, irei assinar meu contrato como programador gra�as a plataforma.

Wanderson Oliveira

Comprei a assinatura tem uma semana, aprendi mais do que 4 meses estudando outros cursos. Exerc�cios pr�ticos que n�o tem como n�o aprender, est�o de parab�ns!

Feedback dos Alunos

4.3

star star star star star_border

357 avalia��es

star star star star star

72% close

star star star star star_border

16%

star star star star_border star_border

star star star_border star_border star_border

star star_border star_border star_border star_border

H� 1 m�s

Daiane Matos

star star star star_border star_border

Artigo perfeito! Deu super certo. Est�o de Parab�ns!

H� 8 meses

Giulliano Santos

star star star star star

Parab�ns galera... "agora eu entendi" "agora eu saquei".... haha..

H� 11 meses

Fabr�cio Damasceno

star star star star star

Muito legal. Parab�ns Bruno e a equipe Devmedia.

H� 49 dias

Davi Oliveira

star star star star star_border

Que massa esse podcast, ou�o muito falar em React, mas n�o tinha me inteirado por completo. J� adicionei a minha lista de pr�ximas tecnologias a aprender agora nas minhas f�rias...