Design Tokens dla Frontend Developera
Przedmajówkowa porcja newsów - Design Systemy, React i świetna nowinka w CSS!
Artykuł
⭐ Design Tokens dla Frontend Developera ⭐
Design i Frontend - czy możemy się od siebie czegoś nauczyć? Jeszcze jak!
Przykładem mogą być tzw. Design Tokens, czyli podstawowy budulec każdego szanującego się Design Systemu.
Chwila, chwila, ale co ma do tego Frontend? Okazuje się, że więcej, niż można by się było tego spodziewać :)
🔗 Jesteśmy “zakładnikami” Reacta? 🔗
Pierwszy z dzisiejszych trzech artykułów krytykujących Reacta. Ale bez obaw, nie ma tu miejsca na bezsensowną wojenkę frameworków. Sporo mięska, dużo porównań, naprawdę solidna pozycja!
🔗 Krytyka React.js na przestrzeni lat 🔗
Dobra, ale ktoś powie, że React teraz krytykują, bo jest taka moda… No nie do końca! Bardzo fajny artykuł przedstawiający krytyczne spojrzenie na ten framework tę bibliotekę na przestrzeni lat - od wydania, aż do dzisiaj.
🔗 Oda do useEffect 🔗
Jakże poetycko! Obiecuję, że to już ostatni krytykujący wpis - ostatnio faktycznie sporo się tego nagromadziło. Tutaj ponownie, z klasą pokazane pewne, ekhem, upośledzenie w wykorzystaniu tego hooka, tylko dla ludzi o mocnych nerwach :)
🔗 CSS Text Balance 🔗
Wypad z tym Reactem, dawać coś innego! Do CSS wchodzi coś naprawdę zajebistego, serio. Tzw. text balancing zawsze był problemem, który albo rozwiązywaliśmy trochę “na pałę”, albo korzystaliśmy z zewnętrznych libek. Must have do sprawdzenia!
🔗 Interaktywne komponenty bez JS są niedostępne 🔗
A jak już mowa o CSS, to nie używajcie go do rzeczy, do których nie został stworzony. Pamiętam czasy, w których zaczynałem się uczyć Frontendu i na YouTube panował straszny trend, żeby robić coś tylko za pomocą “CSS only”. Modale, hamburger menu, takie sprawy. Okazuję się, że nie jest to dobry pomysł i autor artykułu fajnie to pokazuje :)
Wideo
⭐ Design System w React & TypeScript ⭐
Jest już nagranie z mojej prezentacji na Dev.js! Opowiadałem o Design Systamach, projektowaniu komponentów i ogólnie dobrych praktykach (i lekcjach) z tworzenia DSów. Polecam!
🔗 Twórca Svelte o frameworkach JavaScript 🔗
Tego Pana Wam nie muszę przedstawiać - Rich Harris to totalny kozak, jeśli chodzi o przemówienia. Ostatnio uraczył nas nową prezką z przemyślaniami i często kontrowersyjnymi opiniami na temat nowoczesnych frameworków JS, kot!
Narzędzia
🔗 Storybook 7.0 🔗
Nowa wersja Storybooka wleciała na salony! Co nowego? Dużo tego samego, tylko więcej, lepiej i szybciej! Jeśli korzystacie w swoich projektach, warto sprawdzić!
🔗 Pretty TypeScript Error 🔗
Jak wiadomo, TypeScript ssie jeśli chodzi o informowanie nas o błędach - chyba każdy się z tym zgodzi. Dlatego powstają takie narzędzia jak to, fajny plugin do VSC, który upiększa TSowy śmietniczek, działa fajnie :)
🔗 T3 Env 🔗
Kojarzycie T3 Stack? Jeśli tak, to do rodzinki T3 dołącza nowa, agnostyczna biblioteka do ogarniania zmiennych środowiskowych w bezpieczny (przez pryzmat TS) sposób. Bardzo fajne rozwiązanie, oparte o Zod.
Kontakt
Twój feedback jest dla mnie bardzo ważny, dlatego będzie mi mega miło, jak dasz znać jak Ci się podobał dzisiejszy mail 🙏🏼
Udanej majówki i do usłyszenia!