Код, который не может не работать

В последнее время ко мне часто обращались за советом, что можно почитать, чтобы научиться создавать архитектуры и гибкие решения. Для тех, кто не хочет читать всю статью, отвечу кратко — никакие. В этом плане нужно пропустить через себя большое количество разных проектов, чтобы выработать ощущение подходящих решений и архитектур, а это только насмотренность. И вообще, а что значит «гибкие системы»? 🤔 Для тех же, кто решил читать дальше — продолжу. Для начала, немного отвлечемся, чтобы более понятным образом описать ключевую мысль...

Одним из факторов успешной работы команды разработки является эффективность оценки времени выполнения задач. Это в том числе сильно влияет и на бизнес, т.к. прогноз времени выполнения необходим для планирования поставки функциональности пользователю. Принято измерять задачи в часах или в стори пойнтах (Story Points). Сама оценка может проводится индивидуально разработчиками, тим-лидом либо на активностях — типа покера планирования (Planing Poker). Если в плане оценки часами все понятно — ставим ожидаемое время выполнения задачи в измеряемых единицах — часах...

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

Это Кеша. Кеша — начинающий разработчик. Кеша хочет узнать, как работать с кодом легко. Давайте поможем Кеше не нарушать потоки в его приложениях. В предыдущих статьях я говорил о потоках в приложении и потоках в команде, а так же к чему приводит их нарушение. Сейчас я поделюсь классификацией нарушений потоков. Для более простого понимания, я буду использовать понятные аналогии, хотя на самом деле эти явления — энергетические. В самом конце я расскажу как это работает. Итак. Нарушение, когда некий объект пронизывает своими щупальцами все приложение...

Пожалуй, абстракция — это самое непонятное, что появляется перед разработчиками в процессе освоение славного ремесла программирования. Это Кеша. Кеша начинающий разработчик. Кеша хочет стать хорошим разработчиком. Давайте поможем Кеше разобраться с абстракциями. Введем определение абстракции. Хотя для определения это пока не очень четко сформулировано. Назовем это смыслом. Абстракция — это то, что должно сделать нашу программистскую жизнь проще и понятней, добавив семантически емкое утверждение для использования в клиентском коде...

В этой статье хочу затронуть актуальную и так любимую разработчиками тему рефакторинга кода. Наверняка вы сталкивались с таким термином или даже применяли на практике. Рекомендую к прочтению одноименный труд Мартина Фаулера, кстати. Лично я очень люблю рефакторинг, однако у меня особое к нему отношение. На мой взгляд, выделять специально на него время имеет смысл только тогда, когда нужно разобрать какой-то легаси проект, либо вы впервые сталкиваетесь с проектом и видите объективные причины на работу с кодовой базой...

Статику мы рассмотрели в прошлом посте, а теперь давайте посмотрим что произойдет, если оживить элементы. Возьмем исходный проект. И теперь начнем менять в динамике скейл каждого компонента, угол поворота и цвет фона. Получим через какое-то время набор компонентов, напоминающий цветные стикеры на доске. Много стикеров. Надеюсь, это не скрамборд с багрепортами 😄 Теперь увеличим диапазон скейла и угла поворота. Нам это нужно для того, чтобы более наглядно увидеть текущий вариант работы движка рендеринга...

Рассмотрим такой исходный вариант сцены. Можно это рассмотреть как проект монтажа плитки, но в данном случае это ряд компонентов типа Box, размещенных внутри компонента Flex. С определенными настройками. Пока особо ничего интересного. Теперь давайте добавим случайную обводку в случайном порядке. Уже интересней. А теперь увеличим диапазон ширины обводки. Стало еще фактурней. А мы всего поменяли один параметр. Давайте поменяем еще парочку параметров 👀 Всего лишь добавили скругление 50% и рандомный цвет обводки...

Расскажу для начала, что от него жду и зачем все вообще. Мне нужна система, которая будет показывать различные объекты на сцене: тексты, прямоугольники, стрелочки, картинки и т.д. Я хочу описывать сцену программно. Это даст возможность строить сцену при помощи циклов, получать интересные эффекты (генеративная графика типа), строить пресеты, фасады и другие интересные штуки. А кроме того, конвертировать в различные форматы. Мне нужно заставить элементы двигаться по экрану. А также плавно появляться и исчезать...