react-intro: A TypeScript repository from aferlim

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Bate papo - React & Next

Capitulo 1

[Next] pasta pages gera as rotas - OK

[React] primeiro componente - OK [React] componente usando props.children - OK [React] componente usando props - OK [React] componente com eventos - OK

Capitulo 2

[React] componentes com estado - OK Imagem Case Abstract: https://plus.unsplash.com/premium_photo-1674478877011-1225b37444c2?w=300 Flower: https://images.unsplash.com/photo-1719578833621-a3b2f6d4aca6?w=300 Snow: https://images.unsplash.com/photo-1719216324560-523fc4ddb8b9?w=300

Estados controlados e não controlados - OK (NULL por exemplo)

[React] comunicacao entre componentes (direta) Comunicação [React] comunicacao entre componentes (indireta) Functions

Capitulo 3

[React] renderização condicional - OK [React] renderização de listas

Capitulo 4

[React] Hooks UseState - OK [React] Hooks UseEffect - OK

[React] Hooks UseContext [React] Hooks UseReducer