morulus.github.io
Vladimir Kalmykov
Программист, дизайнер, архитектор и инженер программного обеспечения.
| Github | Codepen |
Публикации на Medium
Проволочки при проектировании структуры React приложения
React PropTypes в функциональном стиле
Динамический инжект кода в redux-saga
Веб-анимация на основе спрайтов
Как я разрабатывал скрипт анимации перемещения элемента по кривой Безье на Javascript
Кастомные атрибуты в React или 5 золотых правил как получить валидность атрибута
Видео
Митап по DDD и DDS в Redux приложении в компании Infotech Group
Пакеты npmjs.org
stringify-object-extract-functions
Форк популярного пакета stringify-object. Добавляет возможность извлекать и сериализовывать тела функций, сожержащихся в свойствах сериализуемого объекта.
Обертка вокруг Redux, позволяющая подписываться на его действия как на классические события.
Вспомогательный инструмент для замены путей по определенным шаблонам.
Плагин для webpack, позволяющий динамически подменять пути импорта пакетов.
Плагин для postcss, позволяющий динамически подменят пути импорта файлов.
Вспомогательная функция-ХОК для указания propTypes и defaultProps React компонентам (Статья про инструмент)
connect-context ХОК, позволяющий производить и принимать React контекст с функциональными компонентами
Конструктор объектов с встроенным механизмом DI
Простая утилита, позволяющая убедиться, что process.env.NODE_END не равен production
Композиция функций в Javascript через конкатенативную парадигму.
Абстракция над цепочкой промисов с элементами конкатенативной парадигмы
Инструмент для маркировки объектов с вложенной структурой, позволяющий отследить местоположение объекта или функции внутри этой структуры
Импортирует markdown как React компонент с возможностью рендеринга блоков кода
Инструмент для создания динамического лога в CLI
Небольшая утилита для анимирования символов в CLI
Инструмент позволяет последовательно выполнять фабрики функций до достижения финального результата в порядке вложенности
Инструмент позволяет выполнять цепочки трансформаций объекта по принципу, заложенному в пакете extraflow
Loader для webpack, позволяющий выполнить другой loader, указанный в опциях
Loader для webpack, позволяющий загрузить заголовки markdown документа
Loader для webpack, позволяющий загрузить структуру markdown документа
Loader для webpack, позволяющий загрузить историю git коммитов указанного файла
Loader для webpack, позволющий комбинировать в себе работу нескольких loader’ов одновременно
Еще одна реализация парадигмы CSP на Javascript
Loader для webpack, позволяющий получить информацию о файле
Инструмент для создания асинхронных цепочек на базе es6-генераторов
Простая в использовании утилита, позволяющая отследить нажатие любой клавиши в CLI
Утилиты
https://github.com/morulus/resolve-up.bash - Утилита для MacOs, написанная на bash, для поиска файлов в старших директориях
Экспериментальные проекты
https://github.com/morulus/quart - Хелпер для написания плагинов для Сhrome
https://github.com/morulus/reactive-middleware - Попытка наложить реактивную парадигму на паттерн store
https://github.com/morulus/vendor - Альтернатива RequireJs
https://github.com/morulus/promiseFactory - Конфигурируемый синтетический Promise
Gists
Very lite http server https://gist.github.com/morulus/9cb31a62743814274113ffaa3a49fa8f
Демо
brahma.screens (2015)
Полноэкранный слайдер на jQuery
Демо: http://morulus.github.io/brahma.screens/ Исходник: https://github.com/morulus/brahma.screens
weddingparty (2016)
Спрайтовая (покадровая) анимация и движение по кривым Безье
Демо: https://morulus.github.io/demo-weddingparty/ Исходник: https://github.com/morulus/demo-weddingparty Статья: Как я разрабатывал скрипт анимации перемещения элемента по кривой Безье на Javascript
demo-solomki (2014)
Простая казуальная игра на Javascript и SVG
Демо: https://morulus.github.io/demo-solomki/ Исходник: https://github.com/morulus/demo-solomki
brahma.cartoon (2015)
Демо: https://morulus.github.io/brahma.cartoon/ Исходник: https://github.com/morulus/brahma.cartoon