Выступления с конференции: нейминг конвенции в Bubble

На прошлой неделе прошла конференция по Bubble, я хочу отсмотреть оттуда выступления и опубликовать конспекты по наиболее интересным из них.

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

Основные идеи с выступления:

1️⃣ Bubble сам частично задает конвенцию - добавляет множественное число в названию таблиц БД, автоматически называет elements/workflows/styles

2️⃣ Принципы:

- Выбрать case - camelCase, lowercase, UPPERCASE, PascalCase, snake_case, kebab-case

- Быть последовательным - использовать одинаковые названия на всех уровнях (БД, фронт, бекенд)

- Использовать простые понятные названия, которые говорят сами за себя - Send Message, Header, Button Submit Form

- Не забывать обновлять нейминг для старых элементов и новых при копировании

3️⃣ Советы по категориям

Groups в интерфейсе

- могут указывать на характеристику группы - Column/Row, Wrapper/Container, Header/Footer

- метить тегом (VAR) для более просто поиска, если в них есть дата/переменные - Group Users Data VAR

Inputs - указывать тип данных/название поля для упрощения дальнейшего мэппинга в workflows - Input User Status

Styles - расположение в иерархии, толщина, размер шрифта, цвет - Body 14px 600 Red

Colors - плотность цвета/предназначение (primary, secondary) и место использования - Primary 200 - color for buttons

Custom Events - описание функции - Send message

Database - название таблиц в единственном числе (Order не Orders), короткое и понятное; быть последовательным в названии таблиц и полей

- Стандартные имена таблиц - Invitation, Message, Notificaiton, Order…

- Стандартные имена полей - Name, Description, Type, Status…

Option sets

- добавлять суффикс OS для разделения от данных из БД - [Option Set Name][OS] - User Status OS

- делать options URL-friendly используя kebab-case (signed-up) (в таком случае понадобится отдельно записывать в аттрибут версию для показа на фронте)

API connector - использовать понятные названия [Source] - [Action] = Slack - Send message

Для всех - использовать emojis для упрощения визуального распознавания тегов

Ставьте лайк и подписывайтесь, завтра разберем мощную лекцию по SQL