React #24
Description
Framework tem uma estrutura que deve ser obrigatoriametne seguida! Se não fizer, não vai funcionar.
Bibliotecas podem ser unidas aos frameworks e também bitliotecas que cresceram tanto que elas sozinhas cuidam do problema!
Vídeo explicativo: https://www.youtube.com/watch?v=dp0zB4n3MUs
SPA (Single Page Application)
Virtual DOM
Ficaria assim:
No React podemos utilizar dois tipos de extensões: JST ou TSX.
TypeScript é o JS com tipagem fixa! Ou seja, eu preciso definir antes.
JavaScript tem uma tipagem que eu não preciso ficar definindo tanto.
Utilizar esse comando no lugar da parte 3 no md:
yarn create vite blog-pessoal --template react-ts
O Yarn é o "Maven" do bloco 2 (Npm E Yarn são que nem o Mavem do Bloco II)
O "Vite" é a ferramenta de cosntrução inicial. (É o arquiteto)
O arquivo faz a ponte entre os arquivos HTML e os Arquivos do React!.
No react, todo componente é uma função!
As funções dentro do React só retornar somente um componente!
"Hackzinho"
function App() {
return (
<>
<h1>Hello World</h1>
<h2>Hello World</h2>
</>
)
}
export default App;
// Fazendo isso, eu digo para o react 'confiar' que essa componente está dentro de algo (Fragment);