Hej,
od pewnego czasu tworzę strony internetowe. W znacznej części przypadków są tam elementy mocno powtarzalne - jak schemat header-a czy footer-a, popup'y, przyciski itd.
W związku z tym chciałem sobie stworzyć taką bibliotekę komponentów html/scss do szybkiego startu w kolejnych projektach. Myślałem żeby napisać to samemu w formie menu z wyborem komponentu, gdzie miałbym bezpośredni podgląd. Do tego należałoby jakoś mądrze rozplanować układ katalogów, plików żeby mocno ułatwić dodawanie nowych komponentów. Generalnie jest z tym trochę pracy, więc może jest gotowe narzędzie, które na to pozwala? Niestety w Google nie mogłem przebić się przez wszystkie wyniki związane z web components czy storybook, a narzędzia te w pełni wykorzystują JS (chyba, że się myle), a ja potrzebuje podgląd i szybkie copy paste html/scss/js z własnej bilbioteki. Znacie takie rozwiązania?
Te komponenty mają być zawsze takie same między różnymi projektami, i różnic jedynie się danymi (np tytuł, opis, zdjęcia), czy będą się też nieznacznie różnic między projektami?
szewa90 napisał(a):
Takie elementy jak menu w header są w 90% takie same. Do edycji pewnie byłyby tylko logo/kolory i rozmiary fontów.
Czyli nie tylko przeciąganie komponentów i układanie ich, ale również edycja styli. A za tym idzie współdzielenie kodu częściowo z Twojej biblioteki, a częściowo per projekt.
A to musi być Drag&Drop? Mało która biblioteka korzysta z takiego wyswiga.
Do edycji pewnie byłyby tylko logo/kolory i rozmiary fontów. Nie prościej od strony backendu zrobić mikro cms i pola wyboru loga, linki fontu, palety koloru itp?
szewa90 napisał(a):
Standardowa lista komponentów (html,css,js). Wybieram sobie komponent - mogę go testować, dostylować, poprawić i zapomnieć. Potem tylko wraca do komponentu i kopiuje sobie gotowy kod do nowego projektu.
No to to jest mega słaby pomysł, moim zdaniem, bo nie będziesz miał możliwości update'owania Twoich komponentów, bo musiałbyś je potem ręcznie dokopiowywać do projektów.
W sumie faktycznie niepotrzebnie kombinuje... tak naprawdę teraz patrzę, że wystarczy mi kolekcja komponentów stworzona w codepen.