Vue dobre praktyki

pytanie zadane 8 lipca 2020 w JavaScript przez BlvckFox Gaduła (4,240 p.)

Cześć, oglądałem wiele kursów vue, sam też z nich się uczyłem ale każdy kurs inaczej podchodził do pisania aplikacji. Niektóre rozdzielały wszystko na komponenty, inne tylko widoki itd. a ja chciałbym się dowiedziec jak jest najlepiej? Jest takiś kurs/strona, która pokazuje jak najlepiej pisać takie aplikacje? Lub jakbym chciał stworzyć zwykłą statyczną stronę z małymi dodatkami typu slider w vue to jak najlepiej ją rozdzielić w vue?

2 odpowiedzi

odpowiedź 8 lipca 2020 przez lapa19904 Stary wyjadacz (11,560 p.)

Cześć, co prawda jestem na początku swojej drogi z vue ale napisze jak to u mnie wygląda.

btw bardzo prawdopodobne że jestem daleki od dobrych praktyk bo nie opieram swojej wiedzy na żadnym konkretnym kursie,a wiedzę dot. vue biorę z dokumentacji, i szukaniu na forach konkretnego problemu do rozwiązania(stackoverflow, discord itp.). Pierwsza komercyjna apka dla klienta już za mną.

Mam w niej dwa widoki bo tyle tylko potrzebowałem (Listing i Details)

Komponenty:

- banner

- form

- listingu:

    -single :

         - content

         - gallery

- details:

     - header

     - content

     - info

     - specialInfo

Tak to u mnie wygląda, z chęcią przeczytam też inne odpowiedzi.

P.S. Nie pochwalę bo chodź pierwszy feedback jest pozytywny to czekam jeszcze na to co mam poprawić, a nie lubię chwalić się nieskończonym projektem.

komentarz 8 lipca 2020 przez BlvckFox Gaduła (4,240 p.)

Rozumiem, że podzieliłeś całą stronę na komponenty, dlaczego tak a nie inaczej np. stworzyć komponent jako cała strona, jezeli nie uzywasz tych komponentów powtórnie ?

komentarz 8 lipca 2020 przez lapa19904 Stary wyjadacz (11,560 p.)

banner i form występują na obu widokach, a resztę podzieliłem bo tak jest przejrzyście i łatwiej mi się pracuję. Na listingu lecę pętlą po API wyrzucając zwracaną ilość ofert, a w single gallery ma slider (vue-swiper) i wygodniej trzymać mi to w oddzielnym komponencie. Na korzyść może też działać "scoped" dla styli. Dla każdego kompenentu tworzyłbym oddzielny _file.scss, a tak załatwiam to w pliku komponentu.