Встречайте, противостояние двух фреймворков: Angular и React в формате поединка на примере конкретного простого приложения. За Angular выступает Евгений Гусев (@bunopus), за React — Илья Таратухин (@ilfa). Чтобы сделать честные выводы, они сначала поменялись технологиями и попробовали развернуть базовый проект. Старт на React породил 112 проблем, а вот с Angular дело обстояло гораздо проще, потому что это идеальное приложение для человека, который не особенно работал с фронтендом. Но, конечно, это было только начало, дальше пошел настоящий спор, все этапы которого под катом
Рубрика «ReactJS» - 34
Бешеные псы: Angular 2 vs React
2018-04-17 в 8:02, admin, рубрики: angular, angular2, javascript, React, ReactJS, Блог компании Конференции Олега Бунина (Онтико)getDerivedStateFromState – или как сделать из простой проблемы сложную
2018-04-16 в 1:17, admin, рубрики: 16.3, getDerivedStateFromProps, javascript, memoize, React, ReactJSЯ люблю Реакт. Люблю за то, как он работает. За то, что он делает вещи «правильно». HOC, Composition, RenderProps, Stateless, Stateful – миллион патернов и антипатернов которые помогают меньше косячить.
И вот совсем недавно React принес нам очередной подарок. Очередную возможность косячить меньше — getDeviredStateFromProps.
Технически — имея статический мапинг из пропсов в стейт логика приложения должна стать более проста, более понятна, тестируема и так далее. По факту многие люди начали топать ногами, и требовать prevProps обратно, не в силах (или без особого желания) переделать логику своего приложения.
В общем разверлись пучины ада. Ранее простая задача стала сложней.
Читать полностью »
Совершенствуем Redux
2018-04-15 в 17:06, admin, рубрики: javascript, javascript library, open source, React, ReactJS, redux, rematchПривет! Представляю вашему вниманию перевод статьи "Redesigning Redux" автора Shawn McKay.
Должно ли управление состоянием вызывать проблемы на сегодняшний день? Интуитивно, разработчики видят скрытую правду: управление состоянием куда сложнее, чем должно быть. В данной статье мы разберем несколько вопросов, которые вы наверняка задавали себе:
- Вам действительно необходима библиотека для управления состоянием?
- Заслужил ли Redux свою популярность? Почему или почему нет?
- Можем ли мы придумать лучшее решение? Если да, то какое?
Необходима ли библиотека для управления состоянием?
Front-end разработчик не тот, кто попросту передвигает пиксели из стороны в сторону; истинное искусство в знании где хранить состояние. Это кажется сложным только на первый взгляд.
Давайте рассмотрим возможности, которые предоставляет нам React:
Как использовать getDerivedStateFromProps в React 16.3 (ру субтитры)
2018-04-12 в 7:09, admin, рубрики: getDerivedStateFromProps, javascript, react.js, ReactJS, субтитрыВышел перевод нового видео от команды hackage.tv, в котором очень доступно рассказано об использовании методов жизненного цикла в React 16.3 и getDerivedStateFromProps
в частности.
JS DevDay: про титан, рабочих и гибриды
2018-04-12 в 4:09, admin, рубрики: angular, AngularJS, javascript, react native, ReactJS, service worker, titanium, Блог компании 2ГИС, конференции, Программирование
Мы готовимся сделать то, что не делали вот уже два года, — 27-го апреля соберём на DevDay 150 неравнодушных к JavaScript. Научимся жить с Titanium, ускорять приложение с помощью service workers и напишем гибридное приложение на Angular.
Под катом явки, пароли и про трансляцию.
Читать полностью »
Continuous Integration для новичков
2018-04-03 в 18:42, admin, рубрики: continuous integration, javascript, node.js, ReactJS, travis-ciЧто такое CI
Continuous Integration — это практика разработки программного обеспечения, которая заключается в слиянии рабочих копий в общую основную ветвь разработки несколько раз в день и выполнении частых автоматизированных сборок проекта для скорейшего выявления потенциальных дефектов и решения интеграционных проблем. В обычном проекте, где над разными частями системы разработчики трудятся независимо, стадия интеграции является заключительной. Она может непредсказуемо задержать окончание работ. Переход к непрерывной интеграции позволяет снизить трудоёмкость интеграции и сделать её более предсказуемой за счет раннего обнаружения и устранения ошибок и противоречий. Основным преимуществом является сокращение стоимости исправления дефекта, за счёт раннего его выявления.
Если вы не знаете как настроить CI в своем проекте, я приглашаю вас "под кат"
Разработка игры на React + SVG. Часть 3
2018-04-02 в 15:06, admin, рубрики: express, javascript, node.js, React, ReactJS, redux, socket.io, svgTL;DR: в этих сериях вы узнаете, как заставить React и Redux управлять SVG элементами для создания игры. Полученные в этой серии знания позволят вам создавать анимацию не только для игр. Вы можете найти окончательный вариант исходного кода, разработанного в этой части, на GitHub
(третья часть заключительная. В ней помимо завершения разработки непосредственно игры, рассмотрена авторизация с помощью Auth0 и простой realtime-сервер — прим.переводчика)
Несколько дней назад, мы написали пост о приближающихся изменениях в наших lifecycle-методах, где также затронули стратегию постепенной миграции (обновления). В React 16.3.0 мы добавили несколько новых lifecycle-методов для помощи в этой миграции. Мы также предоставили новое API для давно ожидаемых новшеств: официальное context API, ref forwarding API и ergonomic ref API.
Keys in React. Готовим правильно
2018-03-29 в 8:48, admin, рубрики: javascript, key prop, React, react key prop, react keys, ReactJS, Блог компании HeadHunter, ключи в реактеСегодня поговорим об атрибуте key
в React. Часто разработчики, которые только начинают использовать React, не придают большого значения атрибуту key
. А зря…
Что говорит уточка, когда узнала, что ты не используешь key
Чтобы представить работу ключей полностью и с различными кейсами, рассмотрим план:
- Reconciliation
- Реиспользование ключей и нормализация
- Использование key при рендере одного элемента
- Работа с ключами при передаче компоненту childrenЧитать полностью »
Приглашаем на Front-end MeetUp в Райффайзенбанк
2018-03-24 в 13:32, admin, рубрики: front-end, javascript, jquery, JS, meetups, Raiffeisen, Raiffeisenbank, React, ReactJS, Блог компании Райффайзенбанк, Разработка веб-сайтовВсем привет,
Приглашаем на первый открытый Front-end MeetUp 28 марта, организованный внутренним сообществом разработчиков Райффайзенбанка.