@react_js
React — русскоговорящее сообщество

Обсуждаем React.js и экосистему. См. также: @reactnative_ru, @apollo_ru, @protonnative_ru, @nodejs_ru, @js_ru, @uiux_ru Вакансии и поиск работы: @javascript_jobs Правила: http://bit.ly/our_etiquette Sponsored with ❤️ by www.axept.co

5822 members

Архив канала @react_js 7 мая 2016 г.

07:41:40 ДП
User 23384802
Ребят, никто не сталкивался с этим
https://github.com/babel/babel-loader/issues/242
? Непонятно из-за какого модуля умерло. Если даже залить object-assign как файл в папочку, то он идет далее по списку и уже умирает на babel-core
github.com/babel/babel-loader/issues/242
When using webpack dev middleware with HMR the build is successful on the first build but when anything is changed and the build is re-evaluated an Error shows up that says something similar to: Mo...
08:53:31 ДП
08:53:31 ДП
User 1340580
нашел
08:53:31 ДП
User 1340580
npm install postcss-import@8.0.2 --save-dev
08:53:48 ДП
10:09:33 ДП
User 108543364
подскажите, как реакт решает, обновились ли пропсы или нет (componentWillReceive), по ссылке сравнивает значения?
10:23:29 ДП
User 1191210
Нет. После should component uodate
10:23:38 ДП
10:24:43 ДП
10:29:55 ДП
User 192559518
обычно надо знать что обновился конкретный пропс
10:30:00 ДП
User 192559518
его и сравниваю
10:33:27 ДП
User 108543364
если у меня родительский компонент вызовет setState(), а значения замапленых пропс не поменяются (сравнивая по ===), в дочернем компоненте willReceiveProps все равно триггернет?
10:36:11 ДП
User 192559518
должен
10:36:35 ДП
User 108543364
это странне)
10:38:35 ДП
User 192559518
почему?
10:39:22 ДП
User 192559518
ссылка может остаться, а значения могут поменяться
10:39:49 ДП
User 192559518
реакт не будет сравнивать все дерево пропсов
10:40:42 ДП
User 108543364
не будет, но по ссылке хотя бы может сравнивать
10:40:56 ДП
User 108543364
к тому же иммутабельность
10:41:06 ДП
User 108543364
решает проблему
10:46:29 ДП
User 108543364
Если кому еще интересно, вот откопал объяснение этого https://facebook.github.io/react/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A.html
facebook.github.io/react/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A.html
The documentation for componentWillReceiveProps states that componentWillReceiveProps will be invoked when the props change as the result of a rerender. Some people assume this means "if componentWillReceiveProps is called, then the props must have changed", but that conclusion is logically incorrect.
11:37:50 ДП
11:38:47 ДП
User 63637623
"Откопал":)
11:40:10 ДП
11:47:01 ДП
User 61730194
Парни, как организовать офлайн работу приложения в случаях потери соединения (либо качестве альтернативного режима работы), с учетом того, что данные на сервере изменяются  часто, а все изменения, сделанные в офлайне, должны отзеркалиться в основное хранилище на сервере и по пути решить возможные конфликты при мерже, кто-либо реализовывал такое? либы готовые, техники & эт сетера
11:48:42 ДП
User 192559518
https://github.com/gritzko/swarm
github.com/gritzko/swarm
JavaScript replicated model (M of MVC) library. Contribute to gritzko/swarm development by creating an account on GitHub.
12:06:51 ПП
User 141822776
Если серьезно к оффлайну подходить, то только CRDT. Есть два решения Swarm и Amelisa http://amelisajs.com/ которое можно более-менее использовать. Каждое со своими +/-. У нас есть проект на амелисе, который скоро зарелизим.
amelisajs.com
Amelisa is CRDT based Offline-First and Real-Time synchronization data engine with React and Mongo support
12:11:29 ПП
User 61730194
спасибо за ссылки, бегло просмотрел, амелиса фактически то, что нужно, она жестко завязана на ноде?
12:12:53 ПП
User 59690843
User 4627228
Мне на React Amsterdam по этой теме слайды Михаила :) понравились https://speakerdeck.com/mweststrate/state-management-is-easy-introduction-to-mobx
speakerdeck.com/mweststrate/state-management-is-easy-introduction-to-mobx
State is the heart of each application and there is no quicker way to create buggy, unmanageable applications then by producing inconsistent state. Hence many state management solutions try to restrict the ways in which you can modify state, for example by making state immutable. But this introduces new problems; data needs to be normalized, referential integrity can no longer be guaranteed and it becomes next to impossible to use powerful concepts like prototypes. At Mendix these restrictions where unacceptable and so MobX was born. MobX makes state management simple again by addressing the root issue: it makes it impossible to produce an inconsistent state. This makes state management simple and scalable again.
Ох щит, то есть redux уже можно на помойку относить? Бомжи из 2015 заберут.
12:13:33 ПП
User 141822776
да, и в ближайшее время поддержка других платформ не планируется. У Swarm есть node и java бэкенды
12:49:00 ПП
User 4627228
Было бы норм CRDT + GraphQL
12:50:07 ПП
User 61730194
amelisa вроде так и работает
12:51:35 ПП
User 141822776
Ну я уже прикрутил к амелисе graphql. Пока правда как proof of concept. Но оффлайн и реалтайм уже работает для graphql. Надо просто сесть и до ума довести.
01:11:18 ПП
User 4627228
А на каком из этих слоев optimistic updates?
01:11:54 ПП
User 4627228
Расшарь NetworkLayer для Амелисы?
01:15:55 ПП
User 141822776
NetworkLayer - это что-то из Relay. Relay !== graphql. Хотя его поддержку тоже надо прикрутить. Весь код амелисы расшарен.
01:18:07 ПП
User 141822776
optimistic updates - ты имеешь ввиду показывать пользователю результат его действий еще до того, как сервер про них узнает. Это, конечно, же есть.
01:21:37 ПП
User 4627228
Если Amelisa предоставляет полноценный GraphQL интерфейс, значит она дружит и с Relay🎩😎
01:26:04 ПП
User 4627228
Вова, так Амелиса ещё и твой проект?)
01:26:36 ПП
01:27:05 ПП
User 141822776
Ну я гляну на Relay в ближайшее время. Думаю там что-то можно придумать.
01:30:49 ПП
User 4627228
Самое универсальное было бы GraphQL CRDT слой
01:31:11 ПП
User 4627228
Хотя может и не самое быстро изба парсинга
01:31:20 ПП
User 4627228
Наверное плохая идея
01:31:41 ПП
User 4627228
NetworkLayer скорей всего уместней
01:31:53 ПП
User 141822776
ок, гляну
02:03:51 ПП
User 152745946
http://iamakulov.com/talks/redux-in-real-life/slides/slide53.png
iamakulov.com/talks/redux-in-real-life/slides/slide53.png
02:03:54 ПП
02:04:02 ПП
User 152745946
http://iamakulov.com/talks/redux-in-real-life/
iamakulov.com/talks/redux-in-real-life
Про реальные проблемы, с которыми вы столкнётесь при разработке redux-приложения: сайд-эффекты, бизнес-логика и тестирование
02:09:25 ПП
03:48:32 ПП
User 49333072
Всем привет, я только начинаю изучать реакт, может кто-то подскажет литературу или статьи для изучения?
03:50:07 ПП
User 158295905
User 49333072
Всем привет, я только начинаю изучать реакт, может кто-то подскажет литературу или статьи для изучения?
https://facebook.github.io/react/docs/tutorial.html
reactjs.org/tutorial/tutorial.html
A JavaScript library for building user interfaces
03:50:36 ПП
User 49333072
спасибо, это я уже смотрел)
03:51:33 ПП
User 86311207
User 49333072
Всем привет, я только начинаю изучать реакт, может кто-то подскажет литературу или статьи для изучения?
https://egghead.io/technologies/react
egghead.io/browse/frameworks/react
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update
03:51:54 ПП
User 86311207
https://www.gitbook.com/@maxfarseer
03:52:42 ПП
User 49333072
за egghead.io большое спасибо
egghead.io
Concise screencast video tutorials that cover the best tools, libraries, and frameworks that modern javascript web developers can use to code more effectively and stay current.
04:00:07 ПП
User 202047214
Кто то вроде писал, что юзал https://github.com/malte-wessel/react-custom-scrollbars/ ?)
github.com/malte-wessel/react-custom-scrollbars
React scrollbars component. Contribute to malte-wessel/react-custom-scrollbars development by creating an account on GitHub.
04:04:20 ПП
User 64005178
нука пацаны, упал проект на два часа работы, круид приложуха с поиском
04:04:28 ПП
User 64005178
чо там сейчас модно в мире ноджс?
04:04:50 ПП
User 64005178
пока могу поизъебываться
04:15:24 ПП
User 202047214
или может кто-нибудь знает клевый кастомный скролл реактовый? с хорошей кастомизацией
04:22:59 ПП
User 152745946
я сам писал)
04:25:45 ПП
User 202047214
ох и да) у меня теперь желание взять опенсорсный какой-нибудь и переписать там названия классов захардкоженные)
04:27:35 ПП
User 202047214
а custom-scrollbars каким-то магическим образом подрисовывает разные стили в случае если скролл на маке всегда виден и для фейдящегося 😐
04:30:22 ПП
User 152745946
вообще это очень кастомизируемый скролл
04:30:30 ПП
User 152745946
так что скорее всего ты не разобрался
04:32:16 ПП
User 202047214
из всех, что я нашел - да, наверняка что-то упустил, меня просто напрягает момент, что я меняю настройки скролла на ноуте и в зависимости от этого появляются минусовые margin, чтобы спрятать скролл и мой кастомный появляется)
04:32:35 ПП
User 202047214
А в остальных случаях системным скроллит
04:38:10 ПП
User 202047214
и как ни странно - в демках ни одного примера кастомных вариантов)
07:27:58 ПП
User 4627228
Случайно наткнулся на конспект моего выступления в ноябре 2015, который сделал один из моих студентов:
http://kirillzharov.ru/actual_trends_and_technologies_in_web-development/

Тогда я высказывал такие тренды на 2016 год:
- Качественный рост экосистем React и Redux.
- Борьба библиотек работы с данными (Facebook Relay, om.next, etc) и поддержкой оффлайн-режима.
- Давление на React-сообщество со стороны Angular 2.
- Функциональное программирование и Immutable.js.
- Изоморфные приложения.
- Native Applications: React Native, Electron.
- WebAssembly.
- WebGL & SVG.
- ES7: SIMD, Observable, etc.
- Проекты обучение и профессиональной сертификации (egghead.io, etc).
- React и Node.js активно войдет в Enterprise.
- Микросервисная архитектура и контейнеры, например Docker (docker.com), станут стандартом де-факто.

Прошло уже почти полгода. Кажется оправдались почти все пункты. Как вы думаете, что-то изменилось? Что можно добавить в этот список на оставшуюся половину года?
07:37:07 ПП
User 47983686
А есть примеры интересные с WwbGL
07:37:16 ПП
User 47983686
с WebGL?
07:39:07 ПП
User 189910313
уже есть много игр с webgl
07:43:25 ПП
User 74329021
User 47983686
А есть примеры интересные с WwbGL
http://creativejs.com/
creativejs.com
The very best of creative JavaScript and HTML5
07:54:05 ПП
User 4627228
Мы занимаемся заказной разработкой и год назад делали для одного из министерств потрясающий dashboard с 3D визуализацией, но он под NDA. Хотя очень хотелось бы показать.
07:55:42 ПП
User 189910313
User 4627228
Мы занимаемся заказной разработкой и год назад делали для одного из министерств потрясающий dashboard с 3D визуализацией, но он под NDA. Хотя очень хотелось бы показать.
а кому то вообще зарубежные проекты без NDA попадаются?)
07:56:38 ПП
User 4627228
Этот проект был для российского рынка.
07:56:53 ПП
07:57:48 ПП
User 4627228
Возвращаясь к теме, как вы думаете, какие на дальше, на следующий год будут тренды в JavaScript-разработке?
08:03:17 ПП
User 86311207
React и Node.js активно войдет в Enterprise - я надеюсь хоть к 17 году сбудится
08:03:37 ПП
User 86311207
Так как Enterprise и React, пока что мало где
08:04:18 ПП
User 86311207
Или не где, я не видел еще онлайн-банкинг на React
08:04:32 ПП
User 86311207
если кто то знает кинте, реально респект будет
08:04:39 ПП
User 101934369
Это не node войдёт в энтерпрайз, а энтерпрайз войдёт в node :)
08:04:55 ПП
User 4627228
Почти все топовые банки уже вовсю заканчивают делать интернет-банки на React.js :) Знаю 5 как минимум
08:05:32 ПП
User 4627228
Enterprise в лице IBM уже давно вошёл :)
08:06:04 ПП
User 4627228
User 86311207
если кто то знает кинте, реально респект будет
Убедить менеджеров надо? :)
08:06:15 ПП
User 185980313
Вон, тинькофф банк на реакте)
08:06:31 ПП
User 86311207
User 4627228
Убедить менеджеров надо? :)
Та да(( все еще на Java((
08:06:36 ПП
User 86311207
и то не 8
08:06:52 ПП
User 88403602
Упаси Бог попасть на интерпрайз проект на ноде
08:12:37 ПП
User 86311207
User 4627228
Случайно наткнулся на конспект моего выступления в ноябре 2015, который сделал один из моих студентов:
http://kirillzharov.ru/actual_trends_and_technologies_in_web-development/

Тогда я высказывал такие тренды на 2016 год:
- Качественный рост экосистем React и Redux.
- Борьба библиотек работы с данными (Facebook Relay, om.next, etc) и поддержкой оффлайн-режима.
- Давление на React-сообщество со стороны Angular 2.
- Функциональное программирование и Immutable.js.
- Изоморфные приложения.
- Native Applications: React Native, Electron.
- WebAssembly.
- WebGL & SVG.
- ES7: SIMD, Observable, etc.
- Проекты обучение и профессиональной сертификации (egghead.io, etc).
- React и Node.js активно войдет в Enterprise.
- Микросервисная архитектура и контейнеры, например Docker (docker.com), станут стандартом де-факто.

Прошло уже почти полгода. Кажется оправдались почти все пункты. Как вы думаете, что-то изменилось? Что можно добавить в этот список на оставшуюся половину года?
Добавить: MobX + новые react фреймворки/либы/патерны. Интерстно посомтреть на всякий плод фантазии в сторону rx темы. Круто сейчас смотрится Calmm-js к стати тут вообще не видел что бы о нем писали) Кто то юзает или игрался с ним?
08:15:45 ПП
User 1340580
User 86311207
Или не где, я не видел еще онлайн-банкинг на React
tinkoff.ru
tinkoff.ru
Моментальное онлайн-оформление кредитных и дебетовых карт. Кредит наличными с бесплатной доставкой по всей России. Мгновенные платежи и переводы на сайте и в приложении без комиссии
08:16:16 ПП
User 86311207
ого красава
08:17:03 ПП
User 1340580
Ну я не зна что там пишут про "знаю пять", я кроме TCS (который выкатил версию на реакте около месяца назад) не знаю.
08:17:59 ПП
User 1340580
До этого был ангуляр, походу наелись говна с ним :D
08:18:21 ПП
08:21:43 ПП
User 166617281
внутренние системы сбера тоже на react
08:22:14 ПП
User 166617281
только там как я помню ie8 основной браузер
08:30:18 ПП
User 185980313
У альфабанка делается клиент на реакте+редакс+тс, рассказывали когда был у них на собеседовании
08:36:33 ПП
User 4627228
И еще парочка крупных банков :)
08:49:48 ПП
User 104477
И как вам тинькоффское приложение? Пока ощущение, что лучше, чем было, не сделали.
09:09:40 ПП
User 4627228
Они будут на Frontend Conf 2016 об этом рассказывать