React

React é uma biblioteca JavaScript para a criação de interfaces de usuário e, nesse contexto, uma das tecnologias mais utilizadas pelo mercado. Aqui você aprenderá quais são os pré-requisitos para iniciar no React do jeito certo e como criar as suas primeiras SPAs com ela.

Comece sua carreira
  • Guia de React

    DevMedia

  • play_circle_outline 10 Conteúdos
  • school 350 Exercícios
  • assessment Avançado
  • star
    star
    star
    star_border
    star_border

    725 avaliações

1

O que é React?

O React é uma biblioteca JavaScript leve e simples para criar interfaces de usuário. Através do React criamos a parte que o usuário vê e interage do sistema.

Através do React criamos aplicações Front-end web do tipo SPAs (Single Page Application).

O React foi criado como uma solução para a programação de interfaces grandes e complexas, com diversos componentes que precisam ser apresentados e atualizados constantemente.

Podemos dizer que o React:

  • É uma das tecnologias Front-end mais usadas.
  • Utiliza a sintaxe declarativa.
  • É baseado em componentes.
  • Pode ser inseridos aos poucos em projetos já existentes.
2

Por que aprender React?

Atualmente ser um programador Front-end web significa utilizar um framework ou biblioteca para acelerar o processo de desenvolvimento de uma página ou sistema web.

O React é fácil de aprender por um simples motivo: ele utiliza a linguagem JavaScript para criar suas aplicações.

Por ser uma tecnologia criada e testada pela equipe do Facebook é uma solução segura. Além disso a comunidade de programadores React é muito grande.

Por utilizar a linguagem JavaScript - que é indispensável na programação web - e por se tratar de uma tecnologia com grande aceitação, um programador React tem grandes chances no mercado de trabalho.

Na DevMedia o aprendizado React está dividido em duas seções:

  • Linguagem JavaScript, que é utilizada pelo React e por isso é um pré-requisito.
  • Biblioteca React, o acelerador do desenvolvimento Front-end web.
3

Exemplo de código React

Veja um exemplo de código React: 


import React from 'react';
import './App.css';

function App() {
    return (
      <div className="App">
        <p>
		Hello World!
        </p>
      </div>
    );
}

export default App;
  • JavaScript é a linguagem necessária para programar em React;
  • JavaScript é uma linguagem com tipagem mutável;
  • JavaScript é uma linguagem multiparadigma.
4

Carreira Front-end React

O React é uma biblioteca criada pelo Facebook para desenvolver a interface do usuário, ou seja, tudo que o usuário consegue ver e interagir.

Nem tudo em um sistema é feito no Front-end e por isso uma página web depende da camada back-end para que funcione como desejado (por exemplo exibir os produtos para um usuário).

A camada back-end vai processar e enviar os dados - a responsabilidade da camada front-end é receber estes dados e exibi-los de forma amigável para o usuário.

Programar com React significa criar a camada visual de um sistema, ou seja solicitar para o Back-end os dados necessários para cada tela. Depois que receber os dados o React vai manipular e exibir esses dados para o usuário.

Programação Front-end
Figura. Programação Front-end.

Características da programação Front-end (web):

  • 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 a página.
  • Sempre há vagas para programador Front-end já que é quase obrigatório para uma empresa ter uma página web.
  • Envolve programar as ações que o usuário vai fazer na página.
  • Se preocupa com a navegação entre as páginas.

Aprender React é o passo final na carreira programador Front-end.

Plano de estudo Programador Front-end React
Figura. Plano de estudo Programador Front-end React.

Utilize o React para se tornar um programador front-end completo.

Saiba mais sobre React

O que você vai aprender sobre React na DevMedia

  • Guia de React

    DevMedia

  • play_circle_outline 10 Conteúdos
  • school 350 Exercícios
  • assessment Avançado
  • star
    star
    star
    star_border
    star_border

    725 avaliações

timer

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:

banner-loja

Casos de sucesso da DevMedia

depoimento 4
depoimento 5
depoimento 6
depoimento 7
depoimento 1
depoimento 2
depoimento 3
depoimento 4
depoimento 5
depoimento 6
depoimento 7
depoimento 1
depoimento 2
depoimento 3
depoimento 4

Confira outros conteúdos

Veja todos os conteúdos

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar