https://github.com/freirart/tic-tac-toe

Primeiro projeto desenvolvido baseado no curso "React - The Complete Guide 2024" oferecido pela Academind na plataforma Udemy.
https://github.com/freirart/tic-tac-toe

Last synced: about 1 month ago
JSON representation

Primeiro projeto desenvolvido baseado no curso "React - The Complete Guide 2024" oferecido pela Academind na plataforma Udemy.

• Host: GitHub
• URL: https://github.com/freirart/tic-tac-toe
• Owner: freirart
• License: mit
• Created: 2024-02-18T01:47:15.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-08-25T14:50:43.000Z (5 months ago)
• Last Synced: 2024-08-26T15:48:58.168Z (5 months ago)
• Language: TypeScript
• Homepage: https://freirart-tic-tac-toe.vercel.app/
• Size: 422 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tictactoe

Jogo da velha desenvolvido com o propósito de pôr em prática os conhecimentos obtidos sobre NextJS, TailwindCSS, Typescript, e Jest.

O artigo dedicado a apresentar o processo de desenvolvimento do jogo pode ser encontrado [neste link](https://medium.com/@freirart/como-eu-constru%C3%AD-do-zero-um-jogo-para-plataformas-web-618589702a94)!

Este repositório abrange o conteúdo presente nas seguintes seções do curso 

["React - The Complete Guide 2024"](https://www.udemy.com/course/react-the-complete-guide-incl-redux/):

- Section 1: Getting started;

- Section 2: Javascript refresher;

- Section 3: React essentials - Components, JSX, Props, State & More;

- Section 4: React essentials - Deep dive;

- Section 29: Testing React Apps;

### Anotações 🗒

- importância semântica na hora do HTML

  - listas ordenadas ou não-ordenadas?

  - input required ou não required?

- prop forwarding

- wrapper component as prop (string when built-in, fn when custom)

- update state based on the previous one => use function on setState fn

- two-way binding => input com value e onChange do value

- lifting the state up => parent component managing state that is used in both siblings component

- derived state = var that is set based on a prop/state

  - derive as much as possible