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

React – примеры и эксперименты

React – это фреймворк для работы с UI в вашем приложении. Да, все точно, фреймворк работает только с одной буквой из аббривиатуры MVC, MVVM и другими MV* – только с “V” значит вендетта значит View (вьюха, UI или другое, удобное вам определение).

Разумеется на одной вьюхе приложение не сделать и нужно строить модель для работы с данными, логикой; плюс, разумеется, требуются контроллеры для связи с модулями и UI, а так же для запросов к серверу. Есть большое количество библиотек для реакта, которые позволяют все это осуществить – самые известные это flux, redux, но есть и другие. Они заслуживают отдельного внимания и я буду уделять им время (и место) в постах.

Подход фреймворка оказался настолько удачным, что многие программисты поверили в него и стали заниматься разработкой приложений на его основе. Ну еще бы – мало того что разрабатывается фейсбуком (“небольшой социальной сетью”), так еще и ими же и используется и тестируется на нагрузках, которые и не снились большинству компаний. Такой многообещающий подход подкупает 😉

react

Обновил react-webpack-starter

Одна из особенностей разработки под веб (а особенно под фронт, чего уж говорить) – это постоянная необходимость обновлять используемые пакеты. А все потому что разработчикам не сидится и они все улучшают и улучшают) Итак, делаем апгрейд моего репозитория react-webpack-starter. В этот раз поменялось много чего: Упростил npm команды, теперь сборка продакшена будет зависеть от передаваемой

Мои 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. Если интересуетесь темой, то вполне стоит заглянуть.