✨ #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.

🧠 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.

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. 

Github Copilot

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ść.

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.

Codemaker.ai

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

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ę 🤑)