🖥️ #67: Naprawmy ekosystem JS zanim zastąpi nas AI
+ architektura frontendu, Deno 2.0 i self-hosting Next.js
Sponsorowane
Pośród narzędzi AI dla devów, od kilku miesięcy na tronie zasiada jeden gracz - Cursor.
Oparty na VSCode edytor oferuje najlepszy experience do pracy z modelami, przewyższając znacznie możliwości GitHub Copilota.
Ekipa Przeprogramowanych przygotowała kurs, w którym:
poznasz wszystkie tajniki Cursora, nauczysz się pisać efektywne prompty
dowiesz się jak pracować z lokalnymi modelami, np. Ollama
zobaczysz jak wykorzystać AI do planowania projektu, debugowania, refactoringu
zbadasz ograniczenia modeli i strategie na radzenie sobie z nimi
To wszystko za cene 149 zł od sprawdzonych ludzi, którzy dzielą się wiedzą od lat.
Przykładowe lekcje, agendę i więcej informacji znajdziesz na stronie kursu.
Jeśli chcesz wesprzeć moją działalność, zostawiam link poniżej :)
Nowości
VoidZero - naprawmy ekosystem JavaScript (raz jeszcze)
Twórcy Vite, Vitest, Rolldown i Oxc wchodzą do baru… i decydują się zbawić świat JavaScriptu. Pomimo krążących legend o śmiałkach, którym się to nie udało (pozdro Rome), drużyna pierścienia zbiera 4 miliony dolarów na start. Czym im się uda? Jak obstawiasz?
ChatGPT Canvas - OpenAI śladzami Anthropic?
Doczekaliśmy się dodatkowego okna kontekstowego, które jest rozszerzeniem klasycznego czatu. Może się okazać szczególnie przydatne przy pracy z tekstem i kodem. Podobne rozwiązanie jest już od jakiegoś znajdziemy w Claude.
Bolt.new - AI od twórców Stackblitz
Kojarzysz Stackblitz? To platforma do pracy z kodem bezpośrednio w przeglądarce. Twrórcy poszli o krok dalej i dodali czat zasilany AI. Nie zawsze się to sprawdzi, ale do niektórych przypadków? Jedna platforma, a do tego w przeglądarce, brzmi dobrze.
Deno 2.0 - czy naprawdę potrzebujemy “lepszego” Node.js?
Od lat śledzę rozwój Deno i jest to naprawdę ciekawy twór. Koncepcja i przesuwanie granicy kompatybilności zmieniało się w czasie i wydaje mi się, że skończyliśmy na lepszym Node. Wersja 2.0 jest z nim w pełni kompatybilna, dorzuca własny manager pakietów i kilka innych smaczków.
Artykuły
![1] What is frontend architecture?](https://substackcdn.com/image/fetch/$s_!7BjY!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcc4c5b87-5a33-4cd7-a3f0-a07611ff9f3f_2000x1128.jpeg "1] What is frontend architecture?")
Czym jest architektura frontendu?
Materiałów, które traktują o architekturze frontendu jest masa. Większość z nich sprowadza ten temat jednak do ułożenia plików w konkretny sposób, albo użycia frameworka X zamiast Y.
Zasługujemy na lepszą dyskusję. Artykuł fajnie wprowadza w temat, traktując architekturę z innej perspektywy - przez pryzmat biznesu i wymagań i tradeoffów.
Tailwind CSS - 10 praktycznych szcztuczek
Autor popularnej biblioteki shadcn/ui podzielił się listą praktycznych tipów do pracy z Tailwindem. Brak oczywistych oczywistości, warto zerknąć!
Wideo
Self-Hosting Next.js - jak to ogarnąć?
Jednym z argumentów “przeciw” Next.js od zawsze była trudność wypuszczenia aplikacji z wszystkimi jej dobrościami poza Vercela. Lee, pracownik Vercel, pokazuje jak wydeployować aplikacje na VPS, ustawić optymalizację zdjęć, ISR/Caching itd.
Cursor Team - przyszłość kodowania z AI (Lex Fridman Podcast)
Świetny podcast u Lex’a z twórcami wspomnianego wcześniej Cursora. Dwie i pół godziny rozmowy o narzędziach, podejściu i modalech. Jeśli siedzisz w takich tematach, nie będziesz zawiedziony.
Narzędzia
Vite Module Federation - mikrofrontendy jeszcze prościej
Na sam koniec gratka dla fanów mikrofrontendów. Twórcy popularnego Webpack Module Federation wypuścili plugin do Vite. Jeśli nie przepadasz za Webpackiem (kto przepada) i tworzysz MFEs, to jest coś dla Ciebie.
Kontakt
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!
Link do artykułu o architekturze frontendu nie działa :(