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

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

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

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

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

react

Как выводить 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 других вариантов. Но это же не путь джедая! Значит нужно придумать, что-то свое. А если серьезно, то разумеется самое правильное, это

Управляем динамическими компонентами – React Children

Компоненты реакта достаточно инкапсулированы и изолированны от внешнего кода. Связь между ними осуществляется через явный API, который они открывают для “связи с внешним миром”. Разумеется, что все время писать изолированные компоненты невозможно, нам зачастую требуется создавать сложные структуры интерфейсов для того чтобы обеспечить необходимый функционал. В таком случае нам требуется вводить компоненты-обертки (родители), а так

Изменения в трендах популярности фреймворков

Я уже писал о трендах в распространении js фреймворков, было это достаточно давно и не правда пора взглянуть на вещи свежим взглядом. На этот раз я предлагаю сравнить два “бегемота” фронтенд разработки: AngularJS и React. Думаю что всем очевидно, что именно они являются лидерами и пока никому не планируют уступать. Конечно же лидируют они в

ToDo на React’е и Redux’е

Продолжаю экспериментировать с библиотеками. Сегодня небольшой пример приложения ToDo на React’е и Redux’е. Если вкратце, то мне нравится подход Redux’а. К нему, как и в случае с Flux, требуется привыкнуть, но результат очень даже радует. В чем особенности этого подхода: Все состояние приложения хранится в одном большом объекте. Объект иммутабельный, то есть его нельзя менять

Github комьюнити ценит React

Github комьюнити признает реакт на равне с jQuery! Казалось бы звучит как принижение или как минимум возникает праведный гнев – как их можно сравнивать. Согласен, сравнивать сложно, но я и не сопоставляю их возможности, преимущества и недостатки – я сравниваю количество признаний. Мера измерения которых – это пресловутые звездочки, которые пользователи ставят тому или иному