dzienisz
commented
6 years ago Cześć,
o ile dobrze rozumiem twoje pytanie to mylisz pojęcia.
Source-mapa to plik który jest powiązany z CSSem albo JSem i przydaje się w debugowaniu oraz kompilacji, kiedy chcemy znaleźć źródło skompilowanego kodu.
W twoim przypadku spojrzał bym na stronę jak na drzewo. Drzewo komponentów, drzewo DOM.
Komponentem może być wszystko np. kontener na przyciski (który pobiera dane i wstrzykuje je do komponentu przycisku) jak i sam przycisk.
Zauważ że komponent przycisku umieszczasz w komponencie kontenera. W ten sposób powstaje ci drzewo w którym korzeniem jest kontener a gałęziami przyciski.
Ile komponentów robić? Tyle ile chcesz, ale zazwyczaj kierujemy się zasadą nieużywalności czyli. kiedy jeden przycisk (z różnymi napisani) używamy w kilku miejscach, wtedy robimy komponent. Komponent może poprzez propsy zmieniać swoje właściwości np. kolor czy tekst.
W poprzedniej pracy domowej komponentem może być Header jako menu strony. Potem komponent Main ciało strony, Footer stopka strony.
W komponencie Main możesz umieścić komponent Data wyświetlający dane oraz komponent Bagde z nazwą misji i logiem. To taki najbardziej podstawowy podział.
Możesz zacząć pisać duże komponenty a potem jak zauważysz że jakiś element się powtarza, zamienić go w komponent.
Więcej o tym jak dzielić aplikację na komponenty możesz przeczytać na blogu mojego znajomego: https://typeofweb.com/2017/12/17/podzial-komponenty-react-js/
ibaczewska
Cześć, mam pytanie odnośnie podziału projektu z poprzedniej pracy domowej na komponenty, czy ktoś mógłby mi napisać jakąś source-mapę czy coś w tym stylu? :)