Fundamentos do React

Estrutura Base

• Há algumas pastas e arquivos chave para o desenvolvimento React
• node_modules: Onde as dependências do projeto ficam;
• public: Assents estáticos e HTML de inicialização;
• src: Onde vamos programar as nossas apps;
• src/index.js: Arquivo de inicialização do React;
• src/App.js: Componente principal da aplicação;

Criando componentes

• Na maioria dos projetos os componentes ficam em uma pasta chamada components, que devemos criar;
• Geralmente são nomeadas com a camel case: FirstComponents.js
• No arquivo criamos uma função. que contém o código deste componente (a lógica e o template);
• E também precisamos exportar esta função, para utilizá-lo;

Importando componentes

• A importação é maneira que temos de reutilizar o componente;
• Utilizamos a sintaxe: import X from ‘./component/X’ onde X é o nome do componente;
• Para colocar o componente importado em outro componente, precisamos colocá-lo em forma de tag <FristComponent />
• E então finalizamos o cliclo de imoprtação.

JSX

• JSX é o HTML do React;