Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Мои eslint настройки

Я уже достаточно давно вынес свои eslint настройки в отдельный репозиторий и просто добавляю их в новый проект и не мучаюсь. При таком подходе не нужно обновлять файл настроек в каждом проекте, достаточно поднять версию пакета и продолжить использовать. Плюс все настройки хранятся в одном месте и это просто замечательно. Мой eslint базируется на airbnb

Office UI – Fabric JS

Реакт компоненты в стиле приложений офиса для создания интерфейсов. Майкрософт не устает радовать своими работами в open source community. Документацию для каждого из компонентов можно посмотреть вот здесь: http://dev.office.com/fabric#/components. Примеры включают в себя не только сами компоненты, но и рекомендации по использованию и дизайну.

Chrome extension – url-carousel

В порядке эксперимента написал плагин для хрома URL-carousel. Суть плагина достаточно простая – он в отдельном табе открывает поочередно сайты из списка. Дополнительные табы не открываются. Зачем именно так, когда есть решения, которые просто переключают открытые табы? Дело в том, что в моем случае нужно было транслировать экран через хромкаст на внешний телевизор. При этом

Обновил стартовый репозиторий на react, redux и webpack

Давно пора было, но все руки не доходили (отговорка столетия ;)) Ну и раз пошла такая пьянка, то решил не только обновить минорные версии, и сразу перейти на все последние апдейты. А это включает в себя переход на webpack 2, что не сделать с пол пинка. Однако, все в итоге получилось хорошо. Итак, что сделано:

Как выводить unicode символы в react компонентах

Итак, если вы пишите react приложение, то рано или поздно вам потребуется вывести какой-нибудь unicode символ. Например вот такой: ♞, или такой: ☂ или что в этом духе: ☭. Все эти (как и многие другие) являются частью юникода и могут быть использованы очень просто. Не мне вас учить, но упомяну на всякий случай – каждый

Графики на d3

А кто-нибудь занимается серьезно графиками или инфографикой? Короче любыми задачами, для которых требуется использовать d3? Последнее время все больше работ приходится делать с этой библиотекой. А сейчас вообще работаю над проектом, в котором используем d3 вместе с React’ом. Делаем примерно такие вещи: Может есть интересные репозитории/проекты, которые уже работают с этими библиотеками? А то все

Redux sagas – другой подход для работы с асинхронными запросами

Неделю назад я наткнулся на новый концепт в работе со связкой react и redux – sagas. Конечно, же новый для меня, так как раньше я его не встречал, но это уже вопросы терминологии. Итак, в чем суть проблемы. В том, что когда проходит первый восторг от изучения react’a и redux’a, то возникает дилемма – на

Набор компонентов для React Native

Полезная штука для разработки под React Native – набор компонентов – https://github.com/shoutem/ui Примеры и документацию можно посмотреть вот тут – http://shoutem.github.io/docs/ui-toolkit/introduction Кстати, кто-то уже использует? Как впечатления? Есть проекты, на которые уже можно посмотреть?

Склад ресурсов по теме React

Хочется поделиться ссылочкой на склад ресурсов по библиотеке React – https://github.com/enaqx/awesome-react. Тематика абсолютно разная – комьюнити, готовые компоненты, React Native, уроки, информация по библиотекам: flux, redux, mobx, etc. Если интересуетесь темой, то вполне стоит заглянуть.

Стартовый набор для приложения на React, Readux и Webpack

Последнее время много приходится запускать приложений на React’е и я задумался о том, что пора сокращать процессы. Разумеется не я первый об этом подумал и у нас уже есть yomen, готовые репозитории и 100500 других вариантов. Но это же не путь джедая! Значит нужно придумать, что-то свое. А если серьезно, то разумеется самое правильное, это