React - Introdução
React é uma biblioteca JavaScript declarativa, eficiente e flexível para construir interfaces de usuário. Ele permite compor interfaces de usuário complexas a partir de pedaços pequenos e isolados de código chamados “componentes”.
O React tem alguns tipos diferentes de componentes, mas começaremos com as subclasses React.Component:
class ShoppingList extends React.Component {
render() {
return (
<div className="shopping-list">
<h1>Shopping List for {this.props.name}</h1>
<ul>
<li>Instagram</li>
<li>WhatsApp</li>
<li>Oculus</li>
</ul>
</div>
);
}
}
// Example usage: <ShoppingList name="Mark" />
Basicamente transformamos códigos complexos em componentes reutilizaveis.
fonte: https://reactjs.org/tutorial/tutorial.html#what-is-react
- Overview de ES6 - http://es6-features.org/
- Compreensão básica de arrow functions, spread, assign destruction e types.
Vscode
- Editor de Textos (IDE) leve e completa para react e outras linguagens.
Vscode Extensões
Prettier
- Atualiza código de acordo com as conveções ao salvar(CTRL + s)React Snnipets
- Digitar 'rfc' já inicia um component funcional completo.Ou, se usar 'rcc' criar um component com uso de classes(React.Compoment)
React Developer Tools (Chrome ou firefox)
Para monitorar em tempo real as atividades do React (components, hooks, variaveis e etc)