🖥️ #68: GitHub Copilot kontratakuje
+ Next.js 15, State of Frontend 2024 i agenci AI z przyszłości
Nowości
GitHub Copilot powraca na szczyt? Czy przebije Cursora?
Ostatnio zaprezentowano kilka nowości:
możliwość wybrania modelu (Claude 3.5 Sonnet❗, Gemini, OpenAI o1)
integracja z Perplexity, podłączenie do internetu, praca z nowościami
GitHub Spark - generowanie kodu z AI w przeglądarce (konkurencja dla Bolt, v0)
Rozszerzenie "oferty" o nowe modele, w szczególności te, które lepiej sobie radzą w pracy z kodem (wink wink Sonnet) w znacznym stopniu usprawni to narzędzie.
Nie jest to jeszcze poziom wypchanego po brzegi ficzerami Cursora, ale to zdecydowanie krok w dobrą stronę. Świetny przykład, jak konkurencja może napędzać rozwój. A, no i cena się nie zmieniła! 🧅
Next.js 15 & Next.js Conf 2024
Zespół Vercela miał ostatnio intesywny okres. Została wydana wersja 15 ich flagowego frameworka, zorganizowali przy okazji konferencję. Jakbym miał to podsumować w jednym słowie - “cache”.
Caching jest i będzie kolejnym, po React Server Components, gorącym tematem w Next. Widać, że twórcy frameworka eksperymentują, zmianiają podejścia, szukają złotego środka. Przed nimi duże wyzwanie w kwestii edukacji community, trzymajmy kciuki.
Artykuły
State of Frontend 2024 - wyniki
Coroczny raport od TSH na temat Frontendu nie zawodzi. W raporcie wzięło udział ponad 6k devów, ze 139 krajów. Klasycznie - dużo wykresów, insightów na temat technologii, podejścia do tworzenia UI. Polecam rzucić okiem :)
Next.js - nowe podejście do cache z “use cache”
“There are only two hard things in Computer Science: cache invalidation and naming things.” ~ Phil Karlton
W programowaniu nie mamy łatwo z tym cache’em i nie od dziś jest to problem. Twórcy Next.js eksperymentują z podejściem do cachowania aplikacji i udostępnianym przez framework API.
Ostatnio zaprezentowali dyrektywę “use cache”, która nawiązuje do “use client” i ma uprościć cały proces. Krótki artykuł pokazuje jak możemy to wykorzystać, wygląda to całkiem prosto!
Jak stworzyć i wypuścić paczkę do NPM? Poradnik od A do Z
Tworzenie paczek i publikacjia ich na NPM nie należy do najprzyjemniejszych rzeczy. Oczywiście, jeśli chcemy zrobić to dobrze, a nie mamy w tym dużego doświadczenia.
Matt Pocock, twórca Total TypeScript, pokazuje jak stworzyć i opublikować w pełni funkcjonalną paczkę NPM.
Vercel i adopcja mikrofrontendów - case study
Temat mikrofrontendów, pomimo popularności tego zagadnienia, był od zawsze pomijany przez twróców Next’a. Zespół nie podejmował tematu, nie zabierał się za implementację, czy wsparcie istniających narzędzi do ich obsługi.
Dlatego ciekawe jest, że firma zdecydowała się na wykorzystanie tej architektury. Fajne case study opisuje cały proces, warto przeczytać.
Wideo
AI Agent z Realtime API - czy tak wygląda przyszłość?
Krótkie demo pokazuje proces kodowania / zbierania wymagań z użyciem agenta AI. Zamiast pisania, człowiek z robotem prowadzą rozmowę i przechodzą przez kolejne zadania wspólnie.
Wygląda to futurystycznie i niezwykle imponująco. Jeśli narzędzia takie jak Realtime API, czy zaprezentowany ostatnio “Claude Computer” staną się tańsze i stabilniejsze, to nasz workflow może się totalnie zmienić.
No bo kto by nie chciał mieć własnego Jarvisa, wyciągniętego z filmu o Iron Manie :)
Archaniczna strona z napędem rakietowym! Jak to możliwe?
Strona ze śrubkami, wyglądająca jak sprzed 15 lat, zjada szybkością nowoczesne strony. Jak oni to robią? Pora wrócić do Wordpressa? Gdzie zabłądziliśmy?
Wes Bos wziął ten temat na tapet i okazuje się, że to nie “zwykły HTML”, a pod maską kryją się zaawansowane techniki optymalizacji. Warto zerknąć!
Narzędzia, Biblioteki i Kod
Zestaw predefiniowanych, ostylowanych z Tailwind, zgodnych z wymaganiami accessibility, komponentów Sidebar. Sztos!
Input - 50+ wariantów w Tailwind
Multum gotowych do skopiowania inputów, w przeróżnych wariantach, przystosowanych do wielu zastosowań. Całość w pełni customizowalna, stworzona przy użyciu Tailwinda.
Kontakt
Podobał Ci się dzisiejszy mail?
Zostaw serduszko, będę wiedział, że taka forma ma sens :)
Masz jakieś pytania? Pisz śmiało przez maila / wybrane social media.
Do usłyszenia!