Разрабатываем компонент Collapse по TDD | часть 1

Показать описание

В данном видео будем разрабатывать компонент Collapse по TDD. В первой части займемся основной логикой и продумыванием API компонента.

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

Ссылка на github с компонентом Collapse:

Ссылка на репу для библиотеки компонентов:

Таймкоды:
00:00-02:50 - интро
02:50-08:45 - придумываем API компонента
08:45-13:35 - дописываем типизацию и пример использования
13:35-16:57 - составляем тест кейсы
16:57-24:25- пишем тест на первоначальный рендеринг
24:25-27:27 - тест на открытие элемента по клику
27:27-28:07 - тест на закрытие элемента по клику
28:07-28:40 - тест на accordion мод
28:40-30:46 - тест на initial rendering
30:46-31:36 - почему я не использую enzyme
31:36-33:15 - разбираюсь с запуском тестов
33:15-40:49 - думаем о реалзиации общения с chidren компонентами
40:49-47:25 - реализовываем общение между компонентами через context
47:25-52:35 - думаем о реализации открытия/закрытия
52:35-58:34 - пишем компонент CollapseItem
58:34-59:24 - запускаем тесты и проверяем, что мы нигде не ошиблись
59:24-1:02:13 - начинаем реализовывать accordion mode
1:02:13-1:04:56 - заключение