Как использовать модульный подход в Bubble и зачем он нужен

Представим ситуацию, которая может быть вам знакома. Вы создали и запустили приложение, нарастили пользовательскую базу, а теперь… Вам нужно понять, как масштабировать проект в соответствии со спросом.

Обычно разработчики и предприниматели при запуске первой версии ставят один приоритет — скорость разработки и выхода на рынок. И это даже правильно. Чем раньше проверите идею и запустите приложение, тем выгоднее. Но в спешке легко допустить ошибку и пожертвовать принципами ответственной разработки ПО. Кажется, что какие-то моменты не важны, к ним можно вернуться позже, когда будет больше времени. Но на практике это может привести к проблемам и техническому долгу, а не к хорошо организованному и легко поддерживаемому приложению.

Модульный подход поможет избежать обязательств, не жертвуя скоростью. Об этом говорили разработчики Bubble на конференции, запись которой можно посмотреть на английском языке на YouTube. Ниже мы приведем полезную информацию, которой поделились участники.

Что такое модульный принцип?

Благодаря модульному подходу приложение разбивается на небольшие многократно используемые части. На них можно ссылаться в разных местах и в любое время. Модульность поможет в работе с дизайном, данными и логическими компонентами приложения.

Один из примеров модульной техники — пользовательское событие (или кастомный ивент), которое открывает всплывающее окно и фокусируется на поле ввода. Такое пользовательское событие представляет собой небольшой фрагмент инструкций. Его можно сохранить и использовать в другом месте приложения. Больше не нужно создавать логику каждый раз, когда понадобится включить эту функцию.

ОНЛАЙН-ПРАКТИКУМ

ЗАПУСК нейросети DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ

ЧТО БУДЕТ НА ОБУЧЕНИИ?

• ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ нейросети DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
• Где и как применять? Потестируем модель после установки на разных задачах
• Как дообучить модель под себя?

Участвовать бесплатно

Почему модульный подход так важен?

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

Как работает модульное построение на Bubble

Один из ключевых принципов модульной разработки ПО применим как к традиционному кодированию, так и к no-code: DRY (Don’t Repeat Yourself — не повторяйтесь).

Другими словами, если вы собираетесь сделать что-то несколько раз, стоит посмотреть, можно ли превратить действие в многоразовый модуль. В инструменте Bubble вы найдете такие модули как многоразовые элементы (Reusable elements). Они не только ускорят разработку, но и сделают ваше приложение более удобным в обслуживании. Вы с меньшей вероятностью допустите ошибки, перестраивая одно и то же в нескольких местах.

В Bubble есть ключевые особенности, позволяющие строить модульно, включая пользовательские события, рабочие процессы бэкенда, наборы опций и стили:

• Пользовательские события (В Bubble — Custom events) со свойствами позволяют многократно используемым блокам учитывать контекст.
• С помощью рабочих процессов бэкенда (Backend workflows) можно определять конкретные действия, которые иногда должны происходить на разных страницах. Например, автоматизация приветственного письма или обновление поля базы данных после того, как пользователь изменил адрес электронной почты.
• Наборы опций (Option sets) особенно экономят время для статичных и публичных списков, на которые можно ссылаться.
• Что такое стили (инструмент в Bubble — Styles), вам должно быть очевидно. С ними будет удобнее следовать общей концепции. Вы легко используете повторно соответствующие цвета, шрифты, подложки и т. д.

Как в Bubble используют модульный подход?

Над Bubble работает не слишком большая команда. Благодаря модульному построению она может легко обновлять и совершенствовать сайт, который при этом поддерживает три миллиона пользователей.

Вы могли встречать отзывы пользователей на Bubble. На сайте карусели отзывов показываются в нескольких местах. Их можно увидеть на страницах Immerse и Careers. Эти отзывы может быстро добавить любой сотру

дник, отредактировать и обновить, а не только разработчик. Для этого есть внутренняя страница администратора, которая экономит время разработчиков для более важных задач.

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

Целостность данных — одна из главных причин, почему внутренняя команда разработчиков Bubble использует модульный подход для масштабной разработки экспериментов. Модульность позволяет Bubble.io постоянно проводить A/B-тесты, чтобы оптимизировать новый пользовательский опыт. Несмотря на эксперименты с пользовательским интерфейсом, можно стабильно достигать результатов. Все потому, что модульную логику можно перестраивать из любой итерации пользовательского интерфейса.

Чтобы потренироваться, можете использовать демо-приложение Bubble. В редакторе доступен режим, который покажет модульные практики Bubble в действии. А любые вопросы по этому зерокод-инструменту вы можете задать в нашем сообществе Bubble Chat & Community.