4 de set de 2018

O que faz um desenvolvedor React e como ter sucesso na área?

Udacity Brasil

A demanda por desenvolvedores React tem aumentado de forma muito rápida. Essa biblioteca de JavaScript para criação de interfaces gráficas permite que um único código seja compartilhado tanto para plataformas web quanto para mobile, e oferece para muitas empresas e startups mais velocidade no desenvolvimento e entrega dos seus produtos.

Neste artigo, falaremos um pouco sobre as vantagens de usar React no desenvolvimento de aplicações e daremos algumas dicas sobre como se especializar nesta tecnologia.

O que você vai aprender:

Assista ao webinar: O mercado de React no Brasil e no mundo

O que é React?

A definição oficial de React é ser uma biblioteca JavaScript para criação de interfaces gráficas. O projeto foi criado e disponibilizado pelo Facebook e hoje tem seu código aberto e disponível no GitHub.

A primeira pergunta que muita gente se faz é se React é JavaScript ou, se não for, qual a ligação entre os dois.

A resposta: JavaScript é uma linguagem de programação bastante popular na web e está desde 2001 entre as linguagens mais utilizadas no mundo, segundo o Tiobe Index. Já o React é escrita em JavaScript e usada para construção de interfaces gráficas.

Perceba que React não é um framework e sim uma biblioteca focada na construção de interfaces gráficas – tal qual o jQuery que foi líder desse segmento por vários anos. Com esse conhecimento bem básico em mente, você está pronto para avançar.

Por que usar React?

Segundo a pesquisa StackOverflow Survey 2018, React é a segunda tecnologia mais amada pelos desenvolvedores e ocupou o primeiro lugar em 2017. Tudo isso tem motivo.

Veja abaixo algumas vantagens do uso do React no desenvolvimento de aplicações:

As vantagens do React

1. Código declarativo

React tem linguagem limpa e concisa, o que torna seu código mais previsível e mais fácil de depurar e facilita o trabalho do desenvolvedor.

Os desenvolvedores front-end são unânimes ao afirmar o quanto é difícil manipular o DOM no HTML para dar à página um aspecto e comportamento dinâmico.

O React dá aos desenvolvedores a possibilidade de trabalhar com um DOM virtual que atua como um agente entre o desenvolvedor e o navegador de fato. No fim, é mais rápido e amigável que o real.

Para saber mais: Descomplicando: programação imperativa, declarativa e reativa

2. Desenvolvimento modularizado e que permite reuso de componentes

O React trabalha com componentes. Cada página é um componente que possui subcomponentes, comportamentos e atributos próprios, o que permite inclusive criar componentes customizados para atender às necessidades de negócio.

O uso de componentes tem inúmeras vantagens no reuso de código, permitindo a construção de interfaces com mais agilidade utilizando módulos previamente testados. Já existem inúmeros componentes prontos criados por usuários e disponíveis na internet através de plugins.

3. Aprenda uma vez, escreva em qualquer lugar

O React também pode ser usado no back-end de aplicações usando Node.js ou aplicativos móveis usando o React Native. Esta última característica é inclusive um dos mais famosos usos do React: ao invés de ter três códigos distintos (para as plataformas web, Android e iOS), a criação pode ter um único código e continuar sendo compatível com estes ambientes.

4. Grande comunidade ativa

Uma rápida busca por tutoriais e plugins trará uma infinidade de resultados dada a comunidade ativa e a popularidade dessa ferramenta. Lembre-se: quanto mais ativos forem seus desenvolvedores, mais cérebros estão pensando sobre o assunto e maiores são as chances de inovar e aproveitar uma tecnologia ao máximo.

5. É compatível com outras bibliotecas

A grande maioria das bibliotecas JavaScript existentes são compatíveis com o React, o que proporciona ainda mais recursos aos desenvolvedores.

Não se esqueça que React é JavaScript. Depois de aprender as funções do React e como usá-las, um desenvolvedor JavaScript pode rapidamente se tornar um desenvolvedor React produtivo.

Quem usa o React

Pelas facilidades que oferece, o React tem se tornado cada vez mais popular e uma lista atualizada dos maiores nomes que usam React pode ser acessada aqui. Entre os principais nomes nos dias de hoje estão grandes empresas inovadoras, como:

  • Facebook
  • Instagram
  • Skype
  • Airbnb
  • Walmart

Como começar uma aplicação React em 3 tutoriais

A documentação oficial do React é muito completa e traz diversos tutoriais para o desenvolvedor que quer começar. Selecionamos três tutoriais para iniciantes interessados:

Tutorial 1: Hello World

Esse tutorial ensina você a criar o mais básico “Hello World!” com React, que pode inclusive ser reproduzido e editado online com a ferramenta CodePen:

br-blog-desenvolvedor-react-hello-world

Este é o menor exemplo executável de código React. Esse código pressupõe que temos uma <div> no HTML chamada root e insere nele uma tag <h1>.

Tutorial 2: Adicione React a um website

Imagine que o seu site já esteja pronto e você queira apenas inserir nele um módulo React que adiciona uma nova funcionalidade. Esse tutorial mostra como adicionar React como uma referência JavaScript simples e depois disso fazer chamadas normalmente em toda sua aplicação.

Aprenda incluir React em uma aplicação já existente e gastar apenas um minuto!

Tutorial 3: Introdução a React

A documentação de React disponibiliza ainda um tutorial completo que abrange tanto a instalação da biblioteca como todos os passos para o desenvolvimento de um pequeno jogo – sem necessitar de nenhum conhecimento prévio sobre React.

Além do projeto prático, o tutorial traz diversas referências para dar o embasamento teórico necessário para o bom entendimento do que está sendo feito.

Este tutorial é mantido pela própria comunidade React, começa uma aplicação do zero e explica em detalhes todos os códigos que vão sendo utilizados – desde a configuração do ambiente até a construção de um pequeno módulo.

Ele não supõe nenhum conhecimento de React, mas pede familiaridade com HTML e JavaScript. A aplicação final que será construída pode ser consultada aqui.

Como se tornar um desenvolvedor React

Como em qualquer outra tecnologia, tornar-se um desenvolvedor React requer aprendizado e prática. Veja abaixo algumas dicas para acelerar esse processo:

1. Estude a tecnologia

Essa dica parece lógica, mas muitas vezes queremos pular etapas e vamos direto para o código sem entender os conceitos por trás do que estamos fazendo. Colocar a mão na massa é essencial, porém separe também um tempo para estudar como a tecnologia funciona.

2. Conheça o “ecossistema” React

Como vimos antes, React é apenas uma biblioteca, e isso significa entre outras coisas que você não vai conseguir fazer só com essa ferramenta. Logo, nomes como JSX, ES2015, Webpack, Flux/Redux, axios/fetch, Jest e Mocha precisam fazer parte do seu plano de aprendizado.

3. Coloque em prática seu aprendizado

Aprofundar-se na teoria do que você está aprendendo é de suma importância, mas não deixe de fazer projetos práticos também. São eles que consolidam o entendimento e podem ser bastante motivadores.

Escolha projetos pequenos e factíveis que você possa ir melhorando e aos quais pode sempre adicionar novas funcionalidades quando aprender um conceito novo.

_No vídeo, saiba mais sobre como se tornar um desenvolvedor React_

4. Compartilhe conhecimento

Compartilhe o que você está aprendendo para reforçar o seu aprendizado e também ajudar outras pessoas. Não deixe de compartilhar seus códigos em repositórios abertos como o GitHub e, se possível, escreva seus próprios posts e tutoriais.

Assim, não só você fixa melhor seu conhecimento como também se o torna disponível para outras pessoas. Qualquer forma de compartilhar conhecimento e colaborar com a comunidade open source é bem-vinda.

5. Fique de olho nas vagas

Vagas de emprego podem ser um bom indicador da direção em que o mercado está indo, então fique atento aos requisitos listados em vagas de desenvolvedor. O relatório Developer Hiring Trends in 2017, feito pelo Stack Overflow, por exemplo, aponta o ReactJS como a tecnologia com maior crescimento de demanda.

Para vagas que especificamente pedem por conhecimentos de React no país, visite a página do React Brasil no Github.

br-blog-desenvolvedor-react-pesquisa

Em 2017, o Stack Overflow avaliou os anúncios do Stack Overflow Jobs e encontrou as tendências de contratação acima

6. Estude de maneira estruturada

O programa Nanodegree Desenvolvedor React ensina desenvolvedores de maneira estruturada e com foco em projetos práticos, revisados por especialistas no assunto, o que torna o aprendizado mais fluido e fácil.

Há também o apoio de mentores, contato com outros alunos, serviços de carreira como revisão de currículos no LinkedIn e repositórios no GitHub e uma incrível chance de se conectar com o mercado. Domine essa habilidade e torne-se um desenvolvedor web e mobile especializado em React!

Para saber mais sobre o assunto, leia também:

Sobre o autor
Udacity Brasil

A Udacity, conhecida como a "Universidade do Vale do Silício", é uma plataforma online e global que conecta educação e mercado para ensinar as habilidades do futuro – de data science e marketing digital à inteligência artificial e desenvolvimento. Hoje, há mais de 7 mil alunos ativos no país e 50 mil pelo mundo.