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