🖥️ #62: React 19, Copilot przyszłości i Frontend Developer Handbook
Nadciąga nowa era dla React.js, Uncle Bob rozmawia z ThePrimeagen, a Devin AI okazuje się scamem?
Majówka i po majówce. Baterie do pracy już naładowane? Mam nadzieję!
Twórcy bibliotek, artykułów i materiałów ze świata frontendu nie odpalali grilla…
Odpalili za to masę nowości, które udało mi się zebrać w dzisiejszym, wyjątkowo obszernym, gorącym wydaniu 😎 🌴
Bezrobocie w IT. Czy to już realna perspektywa?
Koniec eldorado. Wszyscy to znamy, prawda? Nie jest zbyt ciekawie, co do tego nie mam wątpliwości. Mainstreamowe media jednak już dawno wydały wyrok na całą branżę. Specjaliści z kolei, mają mieszane odczucia…
Jak się w tym połapać? Koniec jest bliski (o zgrozo!)? Czas zmienić specjalizację?
Kolejny “rabin”, taki jak ja, Ci tego nie powie. Raporty za to, te oparte na realnych danych, pomogą Ci poznać szerszą perspektywę i wysunąć własne wnioski.
Z takim raportem przychodzi do nas No Fluff Jobs, które jest jednocześnie sponsorem tego wydania.
Co znajdziesz w środku?
Dlaczego mamy kryzys na rynku i jak znaleźliśmy się w tym punkcie?
Statystyki - ilość i sposób składanych aplikacji, zarobki, podział na specjalizacje…
Przewodnik po specjalizacjach IT - m.in. rynek pracy Frontend vs Backend vs Fullstack
Masa wykresów, twarde dane, brak wróżenia z fusów - miodzio! 🍯
Brzmi dobrze? Całość znajdziesz na No Fluff Insights:
Nowości
Doczekaliśmy się nowej wersji React, co prawda jeszcze bez React Forget, kiedyś nadejdzie ten dzień, chyba…
10 najważniejszych nowości:
Nowe hooki - `
useActionState`, `useFormStatus`, `useOptimistic`Wsparcie dla actions w `
<form>`Nowe API - `
use`Server Components & Actions (znane z Next)
`
ref` jako props, bez potrzeby `forwardRef`Cleanup function dla refów
Usprawnione “diffy” przy błędach związanych z hydracją
`
<Context>` jako provider ( zapalmy 🕯️ dla `<Context.Provider>`)Wsparcie dla Custom Elements (Web Components 📈)
Wsparcie dla Document Metadata
Copilot znów zaskakuje, tym razem narzędziem “Workspace”, które GitHub reklamuje jako nasz nowy "developer enviroment”.
Workspace to Copilot na sterydasz, sterowany z poziomu interfejsu GitHuba. Pozwoli Ci zaplanować funkcjonalność, plan na jej realizację, a nawet wygeneruje gotowy kod.
Brzmi świetnie, jak sprawdzi się w praktyce? Zobaczymy, na razie można dołączyć do waitlisty :)
Klasyczek, nowa wersja TS. Bez rewolucji, bez komplikacji. Kilka większych i naprawdę przydantych zmian. Niech bezpieczeństwo typów będzie z Tobą.
Artykuły
Frontend Developer Handbook 2024
Powraca kultowy handbook stworzony przez Frontend Masters, przeznaczony dla Frontend Devów. Jest to ogromy zbiór wiedzy z wyjaśnieniem najróżniejszych konceptów, wypełniony dużą ilością dalszych źródeł do nauki. Całość można czytać jak książkę, posiada rozbudowany spis treści. Gorąco polecam :)
Interaktywne 3D z React Three Fiber - case study
Vercel stworzył ostatnio stronę dla swojej konferencji Vercel Ship. Po zapisaniu się dostajemy obłędnie wyglądający, interaktywny badge. Nic dziwnego, pod maską siedzi magia Three.js, która połączona jest z React i bilbioteką React Three Fiber. Jak zrobić takie cudeńko? Tutorial w artykule!
Pokonać syndrom oszusta - Addy Osmani
Imposter Syndrome dotyka pokaźnego grona programistów. Oprócz krzywego kręgosłupa i popsutych oczów, to trochę taka choroba naszej branży. Warto sięgać po materiały edukacyjne i próbować z nim walczyć, zanim dopadnie nas wypalenie i będzie już za późno.
Wideo
Uncle Bob vs ThePrimeagen - rozmowa
Gdy spotyka się twórca legendarnego Clean Code i charyzmatyczny, bardzo popularny twórca contentu IT, może wyjść naprawdę ciekawa rozmowa. No i wyszła. Dwa różne światy, dwa odmienne poglądy na wytwarzanie kodu, jedna zajawka do programowania :)
Od 0 do produkcji - kurs nowoczesnego React (RSC + Next)
Masz braki w nowoczesnym Reakcie? Nie ma powodu do wstydu. Ilość nowości potrafi przytłoczyć. Jeśli chciałbyś odświeżyć sobie pewne koncepty, załapać te nowsze, to ten materiał może być dla Ciebie. Theo w formie :)
React Paris 2024 - nagrania z konferencji
Jakiś czas temu odbyła się konferencja w Paryżu skierowana do React Dev. Czeka na Ciebie 13 prezentacji. React, CSS, ML, AI, TypeScript, Monorepo… jest w czym przebierać!
Pamiętasz Devina? Łatwo o nim zapomnieć, gdy na rynku AI codziennie pojawia się 100 nowych narzędzi… Wracając, okazuje się, że Devin wcale nie jest magicznym narzędziem, które pozbawi nas wszystkich pracy i też popełnia błędy ;)
Narzędzia
Extension.js - stwórz własne rozszerzenie do przeglądarki
Zdarzyło Ci się tworzyć jakiś browser extension? Nie jestem ekspertem w tym temacie, ale sięgając pamięcią, nie była to najprzyjemniejsza rzecz na świecie.
Wspomniany extension.js ma być odpowiedzią na takie potrzeby. Dostarcza cross-platformowe rozwiązanie “plug-and-play”, które wspiera WebAssembly, React, TypeScript. Wygląda to bardzo fajnie :)
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!
Twój newsletter jest naprawdę fajny i jak zawsze trzyma poziom :D