00:00:00Большинство разработчиков переусложняют внутренние инструменты, и, давайте признаем, мы все это знаем.
00:00:04Вы запускаете React, настраиваете API, создаете аутентификацию, управляете состоянием только для того,
00:00:10чтобы выпустить дашборд с формами и таблицами. Это AppSmith, опенсорс-инструмент с более чем 39 000 звезд,
00:00:16который может заменить большую часть этой работы за считанные минуты. Считайте это открытой альтернативой Bubble,
00:00:21и я покажу вам, как это работает, всего за пару минут.
00:00:29AppSmith не новинка, но о нем все еще говорят не так часто, как следовало бы.
00:00:34Он создан не для лендингов или клиентских приложений, а только для внутренних инструментов. Вы получаете UI,
00:00:41который можно перетаскивать, но с полноценным JavaScript, так что вы никогда не зайдете в тупик. Подключайте базы данных, API, SaaS,
00:00:47и при этом используйте Git как обычный разработчик. Здесь нет привязки к поставщику, мы можем полностью
00:00:54хостить его сами бесплатно, плюс получаем неограниченное число пользователей. Вопрос в том, экономит ли это время?
00:01:00Давайте покажу. Если вам нравятся опенсорс-инструменты и подобные советы по кодингу,
00:01:04обязательно подпишитесь. У нас постоянно выходят новые видео. Итак, запустив AppSmith,
00:01:10вы создаете аккаунт — это очень просто. Затем на дашборде можно начать создание нового приложения на пустом холсте.
00:01:15Так как это не полноценный туториал, я просто выберу предустановленную базу данных Postgres,
00:01:21но здесь вы видите все доступные варианты, которые можно интегрировать, что очень радует.
00:01:26Как только база данных (в моем случае Postgres) привязана, дело сделано.
00:01:32В базе есть много таблиц для тестов, но я выберу
00:01:36таблицу сотрудников, так как в ней есть демонстрационные пользователи. Теперь я перетаскиваю таблицу,
00:01:42выбираю подключение к нужной таблице БД. Она мгновенно заполняется данными, и затем я могу
00:01:47добавить форму ввода и кнопку отправки. Видите, как легко все перетаскивается,
00:01:52а на боковой панели я могу даже привязывать запросы и JavaScript-код.
00:01:55Я уже привязал данные к таблице, но здесь я могу создать запрос с полем ввода для поиска
00:02:01пользователя в нашей базе. И готово. Добавляем триггер на кнопку для обновления, может,
00:02:07всплывающее уведомление, жмем deploy — и вот рабочее CRUD-приложение. Да, оно очень базовое,
00:02:12раз я уложился в пару минут, но вы видите реальную универсальность
00:02:17и то, как быстро это впишется в рабочий процесс. Никакой настройки React, слоев API или аутентификации.
00:02:23Это заняло минуту-две, понимаете? При этом у вас остается полный контроль через JavaScript,
00:02:28темы и Git. Это бесплатно и быстро, так что не нужно платить за Bubble или что-то еще.
00:02:34Это отличный инструмент для быстрого старта. AppSmith — это, по сути, UI с одной стороны, данные с другой,
00:02:40и JavaScript для их соединения. Виджеты отвечают за UI, источники данных подключаются к базам,
00:02:46API и даже LLM, а запросы — это просто SQL, REST или JavaScript. Главная идея в том, что JavaScript
00:02:54здесь повсюду. Большинство low-code инструментов скрывают логику, а этот — открывает. Вот почему
00:03:00разработчики переходят на него. Git работает ожидаемо: ветки, слияния, CI/CD — никаких странностей,
00:03:06и вы можете хостить его сами через Docker или Kubernetes. Так вы контролируете данные и расходы. Вы можете
00:03:12создавать кастомные компоненты на React или чистом JS; он готов к продакшену с
00:03:18RBAC, логами аудита и SSO прямо из коробки. Конечно, тут есть и ИИ,
00:03:23но важно то, что он генерирует редактируемый код. Звучит идеально? Возможно,
00:03:30но не совсем. Он отлично экономит время, позволяя выпускать продукты быстрее, и, честно говоря,
00:03:36после использования это кажется правдой. Это действительно открытый код, так что вы не привязаны
00:03:42к модели ценообразования. Вы не застрянете, так как всегда можно добавить JavaScript,
00:03:47а при самостоятельном хостинге это бесплатно для любого числа пользователей. С другой стороны, со временем
00:03:52или при масштабировании это может начать ломаться. Если вы попытаетесь отрисовать огромные массивы данных
00:03:58на стороне клиента, все замедлится, так что понадобится серверная пагинация. Мобильные макеты не создаются сами.
00:04:04Их придется настраивать вручную. А если вы привыкли к no-code управлению состоянием,
00:04:08поначалу это может сбить с толку. Да и UI немного отстает от таких инструментов, как Retool,
00:04:14если вам нужны очень изысканные дашборды. Все это не так критично, но зависит от ваших задач.
00:04:20Так где же его место? Реальное сравнение — это Retool против AppSmith. Retool
00:04:26более отполирован и имеет мощные функции, но он дорогой и с закрытым кодом. AppSmith
00:04:32менее лощенный, но он открытый, верно? И вы владеете всем. Цена — ноль, если хостить самим.
00:04:39Bubble и Webflow не совсем сравнимы, так как они больше для клиентских приложений,
00:04:44хотя и делают много похожих крутых вещей. Tooljet ближе, но AppSmith
00:04:49все равно выделяется лучшей интеграцией с Git. Так что если цель — быстро выпускать внутренние инструменты,
00:04:55AppSmith обычно является лучшим компромиссом. Если вам нравятся опенсорс-инструменты и такие советы,
00:05:00подписывайтесь на канал BetterStack. Увидимся в следующем видео.