🗺 Карта фреймворков для начинающего вайб-кодера.

Многим зашла карта инструментов вайб-кодера и кажется был полезным пост "С чего начать вайб-кодить если ты ни разу не запускал ничего сам?". В продолжении этого поста, приготовил для вас первую версию карты фреймворков.

Что такое фреймворки в программировании? Это каркас, который предоставляет готовую структуру, набор инструментов и правил для создания программного обеспечения. Он позволяет разработчику сосредоточиться на уникальной бизнес-логике, не тратя время на создание базовых, повторяющихся функций.

Почему важно знать про фреймворки? В вайб-кодинге есть известная проблема - в процессе написания кода модели могут менять подходы, библиотеки, дублировать код или попытаться использовать разные фреймворки в одном проекте. Все это недопустимо и ведет к каше и техдолгу. Правильно подобранный фреймворк, и четко описанные лучшие практики в правилах, помогает частично устранить эту проблему, и придерживаться единого подхода в разработке.

Теперь непосредственно о карте фреймворков.

В первую версию я включил то, с чем сам так или иначе работал и то, что уже проверено и хорошо представлено в сети. Так как модели учатся на открытых данных, то чем больше материалов в сети по фреймворку, тем точнее они выдают результат. Python и JavaScript самые представленные в сети языки программирования, поэтому сюда вошли фреймворки исключительно для них.

Я разделил карту на 4 направления:
- Web Development
- Bot Development
- Game Development
- Mobile Development

Теперь расшифровка по каждому направлению.

📱Mobile Development.
React Native - на мой взгляд один из лучших инструментов для разработки большинства кроссплатформенных мобильных приложений, модели отлично с ним справляются.
Flutter - тоже отличный кроссплатформенный фреймворк, можно делать приложения под Android, iOS, Windows, etc. В вайб-кодинге сам его не использовал, но знаю, что некоторые ребята из @vibe_coding_community использовали его в вайб-кодинге и рекомендовали.
Swift - это не фреймворк, а язык программирования для разработки нативных приложения для Apple.
Kotlin - это тоже не фреймворк, а язык программирования, но уже под Android.

🤖 Bot Development.
Aiogram - ассинхронный фреймворк для создания Telegram ботов на Python.
GrammY, Telegraf - тоже самое, только на Node.js
Telethon и Gram.js я выделил слегка другим цветом, так как, это фреймворки для создания Telegram клиентов, а не ботов. То есть по-сути дает возможность подключать твой основной аккаунт и автоматизировать его работу.

🎮 Game Development
Хотя есть много разных фреймворков, я выделил наиболее представленные в сети, с хорошей документацией и примерами на JavaScript.
Конечно GTA 6 вы на них не сделаете, но базовые 2D, 3D игры вполне себе сможете реализовать. Сразу предупрежу, что модели еще не очень хорошо работают с 3D, могут путаться с координатами, делать не ровные модели. Пока лучше всего у меня получалось работать с Three.js и делать игры в стиле Low Poly. Добавил Unity, просто чтобы не обидеть матерых гейм девелоперов.

🖥 Web Development
На Python используйте FastApi для создания бэкенд приложений, REST API сервисов. Django можно для админок и более комплексных штук с интерфейсами использовать.
На Node.js для создания API хороши Fastify, Nest.js. React.js для фронтенд приложений. Next.js для создания фулстек приложений, то есть и интерфейсы и бэкенд в одном флаконе.

🤔Подумал, что в следующей версии карты фреймворков можно добавить раздел AI Development и перечислить фреймворки для создания ИИ-агентов. Как считаете? Ставьте огонечки, если согласны.

🎚️ @vibe_coding_channel
🎚️ @vibe_coding_community