✨ #25 AI dla deweloperów, biblioteki UI umierają, jak budować zespoły?

Jak budować zwycięskie zespoły?

Tytuł mówi sam za siebie. Nie przepadam za podcastami, bo zazwyczaj są długie i najważniejsze zawierają w kilku minutach, ale w tym przypadku cała godzina jest wartościowa!

Biblioteki UI umierają (ale nie szybko)

Kiedyś, gdy zaczynałem przygodę z frontem byłem fanem Bootstrapa i Foundation. Załadowanie gotowych CSSów i JSa pozwalało robić fajne rzeczy na zasadzie kopiuj-wklej, nawet bez znajomości JS.

Później powstały dopiero kompletne biblioteki UI z gotowymi komponentami do różnych frameworków. Dość powszechnie wykorzystywane w aplikacjach.

W poniższym filmie Theo prezentuje nowe "narzędzie", które zamiast dostarczać gotowe komponenty, daje możliwość wygenerować tylko to co potrzebujesz. Do stylowania jest użyty Tailwind.

W filmie jest jeszcze jedno ciekawe narzędzie - v0.

Clerk

Bardzo ciekawy SaaS, który dostarcza kompleksowe rozwiązanie dla autoryzacji. Nie jest to najprostsza rzecz do zrobienia w projekcie, zabiera dużo czasu, dlaczego więc nie użyć czegoś gotowego? 🧅 Za darmo jest do 10k aktywnych użytkowników miesięcznie, posiada integrację z React, Next.js i kilkoma innymi frameworkami. IMO idealne dla side projectów i na początek.

Clerk | Authentication and User Management
The easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and “The Modern Web”.

🧠 Narzędzia AI dla deweloperów

Tabnine

Tabnine to jest asystent kodowania AI, który używa technologii generatywnej AI do przewidywania i sugestowania następnych linii kodu. Tabnine jest w stanie zapewnić kompletowanie kodu na trzech różnych poziomach: kompletowanie linii, kompletowanie całej funkcji lub konwersję komentarzy naturalnego języka w kod. Obsługuje on wiele języków programowania, w tym:
- JavaScript / TypeScript
- Python
- Java
- PHP
- Go

Tabnine jest również w stanie generować testy jednostkowe automatycznie, korzystając z technologii AI.

Tabnine is an AI assistant that speeds up delivery and keeps your code safe | Tabnine
Tabnine is an AI assistant that speeds up delivery and keeps your code safe

v0 by Vercel

v0 to produkt firmy Vercel, który umożliwia tworzenie interfejsów użytkownika za pomocą prostych poleceń tekstowych. Narzędzie to generuje kod przy użyciu narzędzi open-source, takich jak React, Tailwind CSS i Shadcn UI. v0 oferuje plan darmowy oraz trzy płatne plany, które umożliwiają zakup kredytów potrzebnych do generowania kodu. Każda generacja kosztuje dziesięć kredytów, z wyjątkiem pierwszej, która kosztuje trzydzieści kredytów. 

v0 by Vercel
Generate UI with simple text prompts. Copy, paste, ship.

Github Copilot

💡
Nie wyobrażam sobie już pracy bez tego. Jednak jestem zwolennikiem świadomego wykorzystywania aplikacji i narzędzi, więc miej na uwadze że Copilot rozleniwia i trochę ogłupia ;)

GitHub Copilot to narzędzie stworzone do edytora kodu, które potrafi pisać kod na podstawie już istniejącego kodu. Jest to tzw. "AI pair programmer", czyli sztuczna inteligencja wspomagająca programistę podczas pisania kodu. Działa ono poprzez przetwarzanie wejścia użytkownika w chmurze i zwraca fragment kodu, który użytkownik może zaakceptować, odrzucić lub poprosić o dalsze sugestie rozwiązania. Jest to możliwe dzięki wykorzystaniu modelu sztucznej inteligencji OpenAI GPT-3, który jest zdolny do generowania ludzko-podobnego tekstu i kodu na podstawie dostarczonych wejść.

GitHub Copilot · Your AI pair programmer
GitHub Copilot works alongside you directly in your editor, suggesting whole lines or entire functions for you.

Arc Max

Nie jest to żadna aplikacja sama w sobie, ale funkcjonalność w przeglądarce Arc. Dodatek sam zmienia nazwy pobranych plików (bardzo lubię, chociaż nie zawsze trafnie to zrobie), w pasku akcji (?) od razu mogę zadać pytanie ChatGPT, po najechaniu kursorem na link po ok. 3-5 sekundach pojawia się krótkie podsumowanie. I najlepsze -> w wyszukiwarce (cmd + f) mogę szukać lub zapytać, a kontekstem jest aktualnie przeglądana strona.

Arc Max – Browse the web with AI
Ask AI on any page, smart tab & download renaming, ChatGPT integration, and more. Power up your browsing with Arc Max, a suite of AI features that saves you time.

Codemaker.ai

Wrzucam jako jedno z dostępnych, bo nie korzystałem (próbowałem ale w IDE się gryzło z GH Copilot).

CodeMaker AI
AI Augmented Software Development.

Perplexity.ai

Wprawdzie nie jest to narzędzie do pomocy w pracy z kodem (podobnie jak Arc Max), ale musiało znaleźć się na tej liście. Aplikacja, która z powodzeniem mogłaby zastąpić Google w mojej pracy (a nie zastąpi głównie przez przywyczajenie i cenę 🤑)