[Suggestion]: Improve code in Tic-Tac-Toe demo
Aperta
Nessuno ha ancora preso questa issue.
type: documentation
- Lingua principale
- JavaScript
- Stelle
- 11.8k
- Fork
- 7.9k
- Merge medio
- 1g 11h
- PR unite (30g)
- 11
Descrizione
Summary
I believe there's a good scope to improve the code in the Tic-Tac-Toe example here.
Page
https://react.dev/learn/tutorial-tic-tac-toe
Details
- The
Boardcomponent returns theSquarecomponent statically. This could instead be returned dynamically using themapmethod. This will also be a good way to demonstrate thekeyprop. - Talking about the styling, instead of defining a
board-rowclass that puts each box in a row, we can instead use a grid container with 3 columns andfit-contentwidth. - Instead of attaching a click listener to each box, the click event handling can be delegated to the parent container.
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Apri il tutorial Tic-Tac-Toe all’indirizzo https://react.dev/learn/tutorial-tic-tac-toe e rivedi gli esempi di Board, Square e styling. Aggiorna la demo in modo che generi i quadrati con map e dimostri key, utilizzi una griglia a tre colonne e deleghi i clic al contenitore padre; il tutorial deve rimanere comprensibile e funzionante.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, react
- Ambito
- documentation, frontend
- Tipo di issue
- Refactoring
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 45/100