🖥️ #63: Next.js 15 & React Conf 2024
Podsumowanie konferencji - Vercel, React i Google I/O. Sporo tego!
Frontendowcy mają przekichane. Nie dość, że z każdej strony jesteśmy zalewani nowościami AI, to jeszcze Web Developement rozwija się w zabójczym tempie.
Ostatnie dwa tygodnie były przepełnione zapowiedziami, premierami i konferencjami od dużych graczy na rynku…
Nowości
Vercel nie osiadł na laurach (lub hejtach) po wypuszczeniu wersji 14 i na ostatniej konferencji Vercel Ship zaprezentował Next.js 15 (RC)!
Najważniejsze nowości:
Wsparcie dla React 19 RC, React Compiler (o tym zaraz!), poprawa błędów związanych z hydracją
Usunięcie domyślego cachowania w `
fetch` i route handlerach `GET`Wsparcie dla eksperymentalnej adopcji partial prerenderingu
Nowe API - `
next/after`Tworzenie nowego projektu z Turbopack
Od ostatniej zapowiedzi React 19 RC (o której pisałem tutaj) minęła chwila, a już React Core Team zarzucił nam kolejną bombę. W końcu zaprezentowali słynny React Forget, pod nową nazwą React Compiler.
Jest to długo wyczekiwany mechnizm pozwalający pozbyć nam się `useMemo`, `useCallback` i `memo`. Obecnie można go testować jako flagę w Next.js, lub bezpośrednio z użyciem Babel pluginu.
Oprócz tego, na konferencji mogliśmy posłuchać wielu ciekawych prelekcji, znajdziesz je wszystkie w podsumowaniu.
Połącznie Remix i React Router
Coś bardzo dziwnego dzieje się w środowisku Remixa - bezpośredniego konkurenta dla Next’a. Twórcy postanowili połączyć framework z React Routerem. Czy im to wyjdzie na dobre? Zobaczymy :)
Wychodząc na chwilę z bańki React, wyszła nowa wersja Angulara. Nie byłoby to dla mnie w żaden sposób interesujące, gdyby Angular od jakiegoś czasu nie podnosił się z kolan. Wersja 18 przynosi kilka zmian i nowości, które na pewno docenią zwolennicy tego frameworka.
Artykuły
React 19 i niestworzone komponenty
Za enigmatycznym (i okropnie przetyłumaczonym, wybacz!) tytułem kryje się świetny artykuł o nowych możliwościach React. Server Components i Server Actions w praktycznym wykorzystaniu. Dużo o zmianie podejścia i możliwościach, jakie dają nam nadchodzące zmiany.
Dobra komunikacja to podstawa pracy w efektywnym zespole. Jeśli zachodzą tu jakieś braki, wszystko inne zaczyna powoli się sypać. Wejście na wyższy poziom w tej dziedzinie, szybko zaprocentuje w Twojej karierze, jeśli jesteś na początku swojej drogi.
Optymalizacja UI z useDeferredValue
Korzystałeś już z hooka `useDeferredValue`? Ja też nie. A może powinniśmy zacząć? Okazuje się, że ten hook może nas wspomóc w usprawnieniu działania naszej aplikacji. W artykule znajdziesz case study i interkatywny poradnik, świetna sprawa :)
Bardzo lubię czytać artykuły tego autora. Tym razem na tapet wziął LLMy i AI. Ciekawa perspektywa człowieka z naszego podwórka, krótki wpis, idealnie do kawki.
AI Software Engineering: własny system RAG
RAG, czyli Retrieval-Augmented Generation to technika, która pozwala wzbogacić modele językowe o dodatkową kontekstową wiedzę, aby uzyskiwać bardziej trafne i wiarygodne odpowiedzi, brzmi fajnie? Autor dzieli się wskazówkami dotyczącymi budowy i optymalizacji systemów takich systemów.
Wideo
Zrozumieć następną fazę Web Developementu
Świetna prezentacja na temat tego, co możemy obserwować obecnie w branży. Wiele trendów, nowych patternów i rozwiązań. Steve przeprowadza nas przez różne techniki, wyjaśnia części wspólne między frameworkami. Nie zabrakło również kilka słów o WebAssembly i ewolucji tego podejścia.
Webowe nowości na Google I/O 2024
Bardzo fajnie przedstawiony zbiór nowości ze świata Weba, ale trochę z innej działki, niż frameworkowe szaleństwo. Dużo o zmianach w CSS, HTML i przeglądarkowych APIs.
Od szybkiego do natychmiastowego ładowania
Kolejna prezentacja od Google, tym razem o performance. Ciekawa prezka o prefetchowaniu, prerenderowaniu i tzw. Speculation Rules API. Obowiązkowa dla wydajnościowych zajawkowiczów!
Narzędzia
Magic UI - komponenty na landing page
Solidny zbiór “efekciarskich” komponentów na Twoją następną stronę sprzedażową. Autor powyciągał wiele najmodniejszych rozwiązań i wypuścił jako Open Source. Całość stworzona na bazie React, Tailwind i Framer Motion, fajne :)
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!