React - Primeiros passos

Esse texto um agregado de informaes iniciais dos meus estudos sobre React, focado em aspectos bsicos da ferramenta.

De acordo com a prpria documentao, o React uma biblioteca JavaScript para o desenvolvimento de interfaces de usurio.

Acredito que para a maioria das pessoas que nunca tiveram contato com a ferramenta, ela parece bastante intimidadora em um primeiro momento, j que tudo o que vemos so cdigos JavaScript misturados com HTML.

O que o React?

Basicamente, o React uma biblioteca para a construo de interfaces de usurio criada pelo Facebook e lanada em 2013. Dentre as principais caractersticas da ferramenta, podemos citar o fato do React ser utilizado para criar aplicaes do tipo SPA (Single Page Applications) e nos possibilita a criao de componentes reutilizveis.

Esses componentes so 'pedaos' de cdigos que podem ser reaproveitados facilmente na construo das aplicaes.

Quando trabalhamos com JavaScript na web, frequentemente interagimos com a DOM (Document Object Model), no React isso um pouco diferente, pois no interagimos diretamente com a DOM, mas uma DOM virtual, que utilizada pelo React para fazer alteraes exclusivamente nos elementos que precisam de alterao.

Componentes

Durante o desenvolvimento utilizando o React, algo que est presente em 100% do tempo so os componentes, j que, de certa forma, quase tudo no React so componentes.
Criamos componentes para separar a aplicao em partes individuais, o que ajuda na reutilizao e organizao do cdigo.
Podemos, por exemplo, criar um componente para botes, e toda vez que necessitarmos de um boto, utilizamos o componente criado. E ao usarmos esses componentes podemos passar informaes como um nico objeto, o que chamamos de 'props'.
Dessa forma alm de reutilizar os componentes, podemos utiliz-los de forma dinmica.

Sem aprofundar muito, e apenas com esses conceitos j podemos imaginar alguns motivos que fazem do React to difundido atualmente, j que ele proporciona velocidade nas aplicaes, modularizao, escalabilidade e flexibilidade, dentre outras inmeras vantagens obtidas a partir das inmeras possibilidades que o React nos fornece.

...
P.S. Esse texto um material pode ser considerado como notas de estudo, logo os conceitos discorridos aqui no devem ser seguidos risca, nem tomados como verdade absoluta.

Para informaes mais slidas e complexas sobre o tema, seguem algumas indicaes de leitura:
-Documentao oficial:
-React Tutorial: An Overview and Walkthrough:
-30 Days of React