🖥️ #64: Problemy React 19, duże zmiany w TypeScript i strony rodem z Awwwards
AI się rozwija, a na froncie po staremu - dramy, problemy i dużo nowości, tym razem też takich naprawdę przydatnych…
Co się działo przez ostatnie tygodnie w naszej technologicznej bańce? AI. OpenAI połączyło się z Apple, a internet podbija narzędzie do zamieniania memów w filmiki.
Na frontendzie po staremu - dramy, problemy i dużo nowości, tym razem też takich naprawdę przydatnych…
Artykuły
React Compiler w praktyce - czy warto było tyle czekać?
Tyle czekaliśmy, żeby pozbyć się tej okropnej memoizacji z kodu. No i co, warto było, czy React Compiler faktycznie działa?
Nadia, autorka bloga “Developer Way” postanowiła to sprawdzić. Przeprowadziła kilka testów, na mniejszych i większych projektach, rezultat jest, ekhem ekhem, interesujący…
React 19 zepsuł Suspense? Wstrzymano wydanie!
Czego by nie mówić o React, trzeba przyznać jedno - ma zachowaną świetną wsteczną kompatybilność. A przynajmniej tak było dotychczas. React 19 przyniósł wiele usprawnień i nowości, ale prawie, celowo zmienił całe działanie Suspense.
Na szczęście community nie śpi i sprawa została rozgłośniona dzięki TkDodo, maintainera Tanstack (React) Query. Cała, dość krótka, ale bardzo ciekawa historia w załączonym artykule :)
Metryka INP - nowe narzędzia i przydatne spostrzeżenia
Czy tylko ja mam wrażenie, że wprowadzenie metryki Interaction to Next Paint (INP) obyło się trochę bez echa? Jesteśmy już przyzwyczajeni do Core Web Vitals, a tu spadła na nas dodatkowa cegieła w postaci nowej zmiennej, która przyczynia się do SEO.
W artykule, twórcy Next.js nie tylko opisują po krótce INP, ale pokazują kilka sposobów na jej optymalizację. Całość na przykładach z życia wziętych, warto zerknąć!
6 lat z GraphQL - czas na zmianę?
Za każdą technologią kryje się szereg tradeoffów, nie inaczej jest z GraphQL. Jedni uwielbiają, drudzy, tak jak autor tego artykułu, mają go dość i wybierają inne rozwiązania. W artykule znajdziesz kilka zasadnych wad tego podejścia, warto sprawdzić, nawet jeśli używasz Graph’a już w swoim projekcie.
Wideo
Low-Code, No-Code czy AI-Code - co zagraża pracy frontend developerów?
Niech nie odstraszy Cię tytuł, to świetna prezentacja Przemka i Marcina z Przeprogramowanych. Dużo o rozwoju frontendu, narzędziach która miały nas “zastąpić” i tych, które usprawniają naszą pracę. Całość bez wróżenia z fusów, bez straszenia końcem branży IT, dobrze posłuchać ekspertów z naszego podwórka.
Event vs Command - jak nazywać propsy w komponentach?
Nazewnictwo jest trudne. W naszej bańce, często obracamy się w okół funkcji, obiektów, ale też propsów. Marcin, autor kanału “Frontend Architecture”, przedstawia bardzo fajne podejście do nazywania eventów i akcji, które przekazujemy w propsach. Sam korzystam z takiego rozwiązania, polecam :)
Strony rodem z Awwwards? Poznaj top 5 technik animacji
Kojarzysz Awwwards? To serwis, który zbiera topowe strony internetowe. Głównie spotkamy tam super interaktywne, wypełnione przeróżnymi animacjami stronki. Wygląda to naprawdę imponująco, ale jak odwzorować podobne efekty? Odpowiedź w filmie!
Nowości
TypeScript 5.5 naprawia inferencję typów (duża zmiana)
Wersja 5.5 przynosi kilka mniejszych nowości i jedną naprawdę przydatną. Chodzi o interencję typów. Boli jedynie cały ten kod, który będzie trzeba usuwać :)
W oficjalnej zapowiedzi znajdziesz listę wszystkich zmian.
Korzystasz z Tailwinda? Zaktualizuj `prettier-plugin-tailwindcss`, nie pożałujesz. Dodano automatyczne usuwanie whitespaces i duplikatów klas, złoto :)
Kontakt
Jeśli podobał Ci się dzisiejszy mail, zostaw serduszko na samej górze, będę wiedział, że taka forma ma sens :)
Masz jakieś pytania? Pisz śmiało przez maila / wybrane social media.
Do usłyszenia!
Zgrabnie zaprezentowane wiadomości - super <3