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”.

react segundo wikipedia

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

Requisitos Básicos

• Overview de ES6 - http://es6-features.org/
• Compreensão básica de arrow functions, spread, assign destruction e types.

Backgrounds (Locais para teste rápido)

• https://codepen.io
• https://babeljs.io/repl#

Tools

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)

Plano de Voo para aprendizado

1. ES6 - Javascript
2. React Básico
3. React Hooks

---

Readme/Repositorio