Dlaczego z-index nie działa? 😩
Artykuły
⭐ Dlaczego z-index nie działa? ⭐
Niech pierwszy rzuci kamieniem ten, który nigdy nie miał problemów z z-index w CSS. Poprawne ułożenie elementów nie raz przyprawiło mnie o ból głowy. Masakra. Jak sobie z tym radzić?
Client-side routing bez JavaScript
Jednym z benefitów SPA jest to, że pozwalają one na przełączanie się między stronami bez pełnego przeładowania strony. A co jeśli by to zrobić, ale bez wykorzystania JS? Super artykuł od twórcy Solid.js :)
Wizualizacja cyklu życia komponentu w React
Świetna wizualizacja, a właściwie oś czasu życia komponentów w React. Co najlepsze, całość jest oparta o hooki - nic tylko brać!
Może nam się wydawać, że korzystanie z ARIA przyniesie nam same pozytywy - przecież dbamy o accessibility!
Artykuł pokazuje, że aria-label nie tylko nam nie pomoże, ale również może zaszkodzić!
Serio Olaf? Będziesz mi wciskał takie oczywistości?
Wbrew pozorom stworzenie tooltipa, który będzie wszędzie dział i będzie dostępny dla każdego jest nie lada wyzwaniem. Obczaj jak robić to zrobić to dobrze :)
Dlaczego zasada DRY nie zawsze działa?
Don't repeat yourself to chyba ulubiona zasada programistów. Coś się powtarza w Twoim kodzie? Musisz stworzyć abstrakcję!
No właśnie, ale czy zawsze DRY się sprawdza? Autor artykuły rzuca argumentami na prawo i lewo, dobitnie pokazując, że czasem warto się powtarzać!
Większość aplikacji, które tworzymy mają określony zestaw komponentów UI. Jakiś customowy select, dropdown, paginacja, breadcrumbs.
Strona bardzo fajnie pokazuje większość ( jak nie wszystkie ) z nich i odsyła do konkretnych implementacji ( ANT Design, Bootstrap, Carbon...)
🔥 Nowości
Najciekawsze nowości:
Wersja Next.js v13
Next Layout - nowe podejście do routingu i nie tylko
Wsparcie dla React Server Components / Streaming
Turbopack, czyli "następca" Webpacka na bazie Rust
Usprawniony Next Image
Next Fonts, czyli self-hosted fonts bez nadmiernego Layout Shift
Usprawniony Next Link
Jak już zapoznacie się z nowościami, to polecam obczaić Taxonomy, czyli repozytorium, które w praktyce pokazuje nowinki w najnowszej wersji Nexta.
Historia frameworka Remix.js nie przestaje mnie zaskakiwać...
Najpierw wypuścili framework jako w 100% płatne narzędzie, następnie zgarnęli dofinansowanie i przeszli na Open Source, a teraz wykupiło ich Shopify - ciekawe w jaką stronę to pójdzie :)
Ktoś pamięta jeszcze Gatsbiego? Widzę te kilka osób podnoszących rękę!
Dla Was Gatsby wypuścił nową wersję swojego frameworka. Poprawione API, inkrementalne build'y i beta podejścia Progressive Hydration to nowości, które mogą nam zaoferować w najnowszym wydaniu.
Narzędzia
Tanner Linsey to człowiek maszyna. Jest on odpowiedzialny za takie biblioteki jak React Query, React Table, czy React Ranger.
Stworzył ostatnio swój własny router, który wygląda po prostu świetnie! Koniecznie sprawdźcie jako alternatywę do klasyczngo React Routera.
Kontakt
Twój feedback jest dla mnie bardzo wartościowy, dlatego będzie mi mega miło jak dasz znać jak Ci się podobał dzisiejszy mail 🙏🏼
Do usłyszenia!