🖥️ #65: 15 lat tworzenia produktów - lekcje dla programistów
Uwierzytelnianie w Next.js, mikrofrontendy i AI w Chrome oraz w Figmie!
Pierwszy raz od długiego czasu, nie znajdziesz w tym newsletterze sekcji z ciekawymi artykułami. Nie natrafiłem na nic ciekawego ¯\_(ツ)_/¯
Dlatego naszła mnie myśl - jaką formę nauki Ty preferujesz? Co sprawdza Ci się najlepiej? Materiały wideo, artykuły, krótkie newsy, a może rozbudowane kursy?
Chętnie poczytam w sekcji komentarzy na dole 💬
Wideo
15 lat tworzenia startupów - najważniejsze lekcje. Skaluj się szybciej!
Świetna prezentacja Tech Leadera o tworzeniu produktów i nawigowaniu w przestrzeni produktowej jako programista. Dużo porad “nietechnicznych”, o dobraniu właściwego podejścia do pracy. Zgadam się z tym materiałem w stu procentach.
Uwierzytelnianie w Next.js - dobre praktyki i połączenie z RSC
Authentication albo tak zwana “autentykacja” w Next, jak to ogarnąć?
Możemy skorzystać z dedykowanych serwisów, takich jak Auth0, Clerk, czy Supabase. A możemy też podejść do tego tematu od zera. Tak, czy inaczej będziemy potrzebować pewnej “nakładki” frontendowej, która obsłuży warstwę UI.
Delba, pracowniczka Vercela, przedstawia w krótkim materiale dobre praktyki związane z całym flow uwierzytelniania w Next, warto sprawdzić!
Frontendowe szaleństwo - jak się w nim odnaleźć?
Ryan Carniato, twórca Solid.js, słynie z b. dobrych artykułów i jeszcze lepszych prezentacji technicznych. Nie inaczej jest w tym przypadku.
Frontend, według wielu osób, jest w obliczu kryzysu egzystencjalnego - masa drastycznych zmian, nowych podejść i wymyślania koła na nowo. Krótka i zwięzła prezentacja o “nowych buzzwordach na rynku” - Signals, Server Components, Islands…
Micro Frontends Conference 2024 - nagrania
Czy są z nami entuzjaści architektury mikrofrontendowej? Dla tych i nie tylko, zostawiam link do pierwszej i drugiej części konferencji poświęconej mikroserwisom na froncie.
Dużo doświadczonych ekspertów z branży i sporo materiału do przejrzenia :)
Nowości
Figma AI - designy napędzane sztuczną inteligencją
AI zawitało do Figmy! Co prawda bez sloganów o zastąpieniu projektantów, ale dostaliśmy zbiór ciekawych, nowych funkcjonalności.
Generowanie UI, automatycznie nazywane warstwy, usuwanie tła z obrazków, tworzenie tłumaczeń, czy prototypowanie jednym kliknięciem. Brzmi świetnie, ciekawe ile przyjdzie nam za to zapłacić :)
Google zaprezentował wykorzystanie AI prosto z poziomu naszej przeglądarki, np. w dev toolsach za pomocą `window.ai(…)`. Całość działa na modelu Gemini Nano, lżejszej wersji flagowego Gemini.
Rozwiązanie jest jeszcze w fazie eksperymentalnej, ale można już je testować.
Nowe metody dla `Set` w JavaScript
Korzystasz z `Set` w JS? Ja tak! Dlatego z optymizmem patrzę na nadchodzące nowe metody takie jak `intersection()`, czy `union`. Do czego to może Ci się przydać? Sprawdź!
Nadawanie uprawnień do kamery/mikrofonu/lokalizacji w przeglądarce nie należy do najprzyjemniejszych rzeczy na świecie. Ach, jak ja uwielbiam te wyskakujące okienka…
Podobne odczucia mają ludzie z Google, pracują oni nad deklaratywnym nadawaniem uprawnień za pomocą nowego elementu `<permission>`, którego będziemy mogli dowolnie ostylować. Brzmi dobrze?
Narzędzia
Biblioteka shadcn/ui wspina się na wyżyny popularności, a jednocześnie nie osiada na laurach. W ostatnich dniach autor zaprezentował gotowe wykresy na bazie Tailwind i Recharts. Wygląda to b. dobrze, do prototypowania albo panelu administratora, sprawdzi się wręcz idealnie!
Prosta biblioteka, która pozwala na bezpieczne korzystanie z route handlers w Next. Dodaje ona małą nakładkę z walidacją i type safety na bazie popularnego Zod.
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!





W jaki sposób się uczę?
Bardzo lubię szperać po forach (szczególnie na Pasji Informatyki). Tak to szukam różnych artykułów o wszelakich dziedzinach informatyki i kompletuję sobie kursy. Posiadam też swoją bibliotekę na GitHubie, gdzie rozwiązuje różne zadania i prowadzę dokumentację dla swoich projektów