Ce trebuie să ghidez când creez o componentă într-un reactant? Funcționalitatea și variabilitatea acestuia sau structura logică a aplicației?
Să presupunem că există o pagină principală
blocul 1 și blocul 3, după cum înțeleg, trebuie să fie descrise în mod unic ca componente, deoarece sunt blocuri funcționale.
blocurile 2 - introduceți Navbar și sunt, de asemenea, descrise ca componente.
blocul 3 este o componentă separată, conține o doodlă, un șir de căutare și un buton de căutare. Șirul de căutare și butoanele sunt componente separate? Și dacă este necesar să alocăm o doodle într-o componentă separată (admitem că nu se schimbă niciodată)?
Rubrica 4 este un subsol. Descrieți-o ca o componentă separată, dacă este întotdeauna neschimbată? Sau poate fi inclus într-o componentă care descrie întreaga pagină principală?
este stabilit la 24 ianuarie la ora 7:49
Acest lucru ar trebui să fie suficient pentru a înțelege unde și ce să folosească, dar încă mai adaug că este mai bine să scrieți cât mai puține componente posibil - containere.
În ceea ce privește înțelegerea când să folosiți o componentă și când un element este mai ușor de explicat printr-un exemplu simplu -
Și odată ce am vorbit despre componente, nu pot să menționez o componentă atât de importantă ca stilul compoziției componentelor. Foarte des văd asta -
Dar personal prefer și de aceea vă sfătuiesc să scrieți așa -
La urma urmei, se întâmplă adesea ca detaliile aplicației să vă scurgă din cap și este foarte important să puteți reîmprospăta în memorie o singură acoperire. Și pentru cei care se cunosc mai întâi cu codul, a doua opțiune este, în general, un cadou, deoarece este foarte dificil să recreezi aplicația în cap nu de arbore, ci de clase din fișiere. Dar există și excepții, atunci când există într-adevăr o mulțime de cod, va trebui să fie făcut ca și în prima variantă, dar tot încercați să se potrivească cât mai mult posibil într-o singură componentă. Doar foarte des văd cum scriu App => Header + Footer. Mergeți la Header și există o singură componentă, cum ar fi ButtonGroup. Apoi, mergeți la ButtonGroup și mai există o componentă. Și până când ajungi la ultima, deja uitați de unde ați venit și de ce.
Și ceea ce este înclinat în mod special în cazul dvs., atunci minimul ar putea arăta astfel -