Feature Flags для JS и PHP [Slim и React, 47]

Free-видео из серии эпизодов "Разработка аукциона на SlimPHP и ReactJS": deworker.pro/edu/series/inter...
При рассмотрении философий CI/CD мы вместо Feature Branches говорили о подходе Trank Based Development для скрытой разработки новой функциональности в основной Git-ветке. Сегодня это сделаем на практике. Добавим к проекту инфраструктуру полноценной работы с Feature Toggle для фронтенда на ReactJS и бэкенда на PHP. И при разработке компонента для бэкенда рассмотрим и применим принцип ISP из SOLID.
00:00:00 - Приветствие
00:00:32 - Continuous-методики
00:01:40 - Неудобства подхода Feature Branches
00:06:11 - Переход к практикам CI
00:08:31 - Способы скрытой разработки
00:10:29 - Подход с Feature Toggle
00:15:01 - Запуск проекта
00:15:51 - Команда обновления зависимостей
00:19:44 - Упрощение E2E теста
00:21:03 - Структура директорий фронтенда
00:22:32 - Упрощение импорта через JS-индекс
00:24:40 - Проверка контента в E2E
00:26:04 - Выбор готового компонента
00:27:41 - Прямая передача фич
00:28:46 - Описание типов через PropTypes
00:32:18 - Передача через FeaturesContext
00:35:56 - Кастомный FeaturesProvider
00:37:27 - Компонент FeatureFlag
00:41:38 - Включение фич по Cookies
00:43:58 - E2E тесты для проверки фич
00:45:43 - Более удобное конфигурирование
00:49:10 - Отключение через Cookie
00:55:23 - Пользовательский хук useFeatures
00:56:51 - Вынос списка фич в файл
00:57:29 - Обзор результата для фронтенда
00:58:19 - Feature Toggle для бэкенда
00:59:47 - Сервис FeatureFlag
01:03:25 - Способы включения для тестов
01:04:58 - Конфигурирование фич для API
01:07:13 - Расширение для Twig
01:09:47 - Обработка HTTP-заголовка в Middleware
01:11:12 - ISP из SOLID
01:17:52 - Отключение для тестов
01:21:13 - Логирование активных фич
01:24:46 - Контекст для передачи данных
01:27:14 - Handler для Monolog
01:28:27 - Обзор результата в бэкенде
01:29:01 - Нюанс работы с очередями
01:31:49 - Выгоды подхода
01:35:07 - Задача оптимизации Pipeline
#FeatureFlag #FeatureToggle #SOLID #CICD #frontend #backend #PHP #JS #ReactJS