Лол

Ггггг

У jss нет нормальных тайпингов afaik

В каком смысле?)

Подписался

в общем я снова по своей проблеме. http://stackoverflow.com/questions/43886939/restore-page-and-state-on-browser-back-button подскажите, в каком направлении думать

Однажды Ситник сказал, что шутки про хуёвое состояние экосистемы развращают — ныть про размер node_modules или сложность вебпака моветон, потому что это мешает индустрии развиваться. Я с ним согласен: вчера предложил девушке добавить вебпак в дипломный проект, потому что нужно было импортировать файл data.json с данными, а увидел в её глазах чуть ли не страх и отчаяние. Шутка, но радости точно не было. Хотя вебпак это 6 строчек в webpack.config.js и две — в package.json. // webpack.config.js module.exports = { entry: './app.js', output: { filename: 'bundle.js' } } // package.json { "scripts": { "start": "webpack-dev-server" }, "devDependencies": { "webpack-dev-server": "^2.4.5" } } Благодаря этим 8 строчкам у нас нормальный модульный веб. Все эти хуёвые шутки про джаваскрипт фатигуе, сложность вебпака и тому подобное только мешают.

ребят может видел кто годный пример онлайн чата на реакт/редаксе

https://github.com/actorapp/actor-web

Лол

ребят, что использовать или как правильно писать чтобы не биндить функции в jsx, чтобы они не пересоздавались (для передачи в props)?

что значит "пересоздавались" ?

ну при .bind мы получаем новую функцию каждый render

не?

пиши myMethod = () => {}

ну при .bind мы получаем новую функцию каждый render

ну так забинди в конструкторе

пиши myMethod = () => {}

+1 или ивентами

спасиб

ивентами?

ивентами?

myMethod = () => {} —- я про это

а, понятно)

ребята, используете RxJS? в каких кейсах он полезен?

https://github.com/ReactiveX/RxJS

ребята, используете RxJS? в каких кейсах он полезен?

эта штука например полезна когда у тебя происходит несколько асинхронных процессов и тебе нужно как-то реагировать на них

простой пример: у тебя 2 fetch и на каждый из них есть свой resolve но тебе нужно не зависимо от того как реально они разрезолвятся - вызвать сначала resolve1 потом resolve2 для этого есть оператор concat вроде бы он так называется

ну и есть туча других операторов для работы с асинхронными стримами

ну, понеслась :)

то есть когда тебе уже начинает не хватать стандартых операторов .all, race и т.д. всё молчу-молчу

простой пример: у тебя 2 fetch и на каждый из них есть свой resolve но тебе нужно не зависимо от того как реально они разрезолвятся - вызвать сначала resolve1 потом resolve2 для этого есть оператор concat вроде бы он так называется

есть Promise.all

Есть Блубёрд

И если совсем хочется, можно сразу асинк-эвэйт

promise.all ждёт окончания сразу группы промисов - мой пример немного про другое

гоночный режим не устраивает?

можешь ситуацию чуть детальнее описать пжлст

видимо это интерфейс pub-sub, направленный на обработку запросов?

в целом, против РКСы ничего не имею, пацаны на ангуляре как бы другого и не знают и всё норм - работает :)

подписываешься на потоки как на события и накидываешь колбэки

rxjs очень мощный инструмент с довольно высоким порогом входа

в большом проекте конечно надоедает ловить все через then

подписываешься на потоки как на события и накидываешь колбэки

чем это колоссально отличается от экшн-рдедюсера?

rxjs очень мощный инструмент с довольно высоким порогом входа

и бесконечным observable :)

rxjs очень мощный инструмент с довольно высоким порогом входа

в паре с реактом какую именно библиотеку используешь? их там штук 5

есть 4 версия и 5 и штуки 3 обертки для реакта

есть 4 версия и 5 и штуки 3 обертки для реакта

5 версию (если речь о RxJs) и https://github.com/redux-observable/redux-observable

в паре с реактом какую именно библиотеку используешь? их там штук 5

мы пока на backbone :( используем rxjs5

componentWillMount: function () { this.lifecycle.componentDidMount.subscribe(function () { console.log('componentDidMount'); }); Ну нахурмы так усложнять?

5 версию (если речь о RxJs) и https://github.com/redux-observable/redux-observable

запросы RxJS сам обрабатывает, или там нужны обертки fetch/axios?

rxjs сам запросы не умеет - он предоставляет абстракцию в виде стримов для работы с асинхронностью

rxjs сам запросы не умеет - он предоставляет абстракцию в виде стримов для работы с асинхронностью

для работы с промисами, верно?

запросы RxJS сам обрабатывает, или там нужны обертки fetch/axios?

у них есть встроенные обертки для ajax и websokets

код RxJS конечно такой ramda-стайл, у которого тоже порог входа высокий

Promise - прошлый век - даешь Observable!

Promise - прошлый век - даешь Observable!

а можешь обосновать? вот мне очень интересно, че это промисы прошлый век?

https://github.com/redux-observable/redux-observable

Promise - прошлый век - даешь Observable!

ramda тоже используете?

а можешь обосновать? вот мне очень интересно, че это промисы прошлый век?

Observable - можно отменять. Не нужно создавать 1000 промисов чтобы получить последовательно ответ с сервера (к примеру с WebScokets). Observable часть очень интересной концепции Reactive Programming. Observable ленивый по умолчанию.

ramda тоже используете?

RxJs - это lodash/rambda для Observable

Дак надо сразу вместе, ещё и иммьютаблжс сверху и будет совсем каеф (нет)

Observable - можно отменять. Не нужно создавать 1000 промисов чтобы получить последовательно ответ с сервера (к примеру с WebScokets). Observable часть очень интересной концепции Reactive Programming. Observable ленивый по умолчанию.

а почему бы генератор не использовать, который будет сам плодить промисы?

Observable - можно отменять. Не нужно создавать 1000 промисов чтобы получить последовательно ответ с сервера (к примеру с WebScokets). Observable часть очень интересной концепции Reactive Programming. Observable ленивый по умолчанию.

что еще входит в reactive programming?

Дак надо сразу вместе, ещё и иммьютаблжс сверху и будет совсем каеф (нет)

Observable - уже immutable - они после кадой опирации возвращаби новый поток

что еще входит в reactive programming?

Много чего https://en.wikipedia.org/wiki/Reactive_programming

мне кажется, нас хотят лишить ЖС анархии :(

ERROR: S client not available

Много чего https://en.wikipedia.org/wiki/Reactive_programming

там довольно размыто и черезчур официально, простым бы языком что еще есть по reactive programming в js

там довольно размыто и черезчур официально, простым бы языком что еще есть по reactive programming в js

Именно по реактивности?

В общем, надо бы поиграться с РХ. Раз уж так нахваливают, видимо плюсы есть. Хотя кроме кол-во кода х 2-3 раза я не заметил

там довольно размыто и черезчур официально, простым бы языком что еще есть по reactive programming в js

Это скажем так целая парадигама - pull vs push. Обычно мы работаем с pull молелью - forEach, map. Мы говорим что делать с уже сущесвующими данными прямо сейчас. Но есть алтерантивный подход pull модель. Мы декларируем что сделать с данными когда они к нам прийду и кто-то в них будет заинтересован (методы в приципе теже) Тоесть тут немного нужно сменить мышление - мы зарание деклариуем что нужно делать с данными. И блогодаря Observalbe можно делать это очень легко и приятно - к примеру в 3 строчки кода (RxJS) добавить Exponential Backoff.

Это скажем так целая парадигама - pull vs push. Обычно мы работаем с pull молелью - forEach, map. Мы говорим что делать с уже сущесвующими данными прямо сейчас. Но есть алтерантивный подход pull модель. Мы декларируем что сделать с данными когда они к нам прийду и кто-то в них будет заинтересован (методы в приципе теже) Тоесть тут немного нужно сменить мышление - мы зарание деклариуем что нужно делать с данными. И блогодаря Observalbe можно делать это очень легко и приятно - к примеру в 3 строчки кода (RxJS) добавить Exponential Backoff.

интересно, что еще нужно изучить/почитать по теме reactive programming в js?

какие библиотеки есть, какие темы?

какие библиотеки есть, какие темы?

react ?ты реагируешь на изменения props

react ?ты реагируешь на изменения props

реакт уже пройден, сейчас думаю стоит ли изучать рамду вдовесок к RxJS

интересно, что еще нужно изучить/почитать по теме reactive programming в js?

Если нужен хардкор - как из Iterator сделали Observalbe с помощью Computer Science https://channel9.msdn.com/Shows/Going+Deep/Expert-to-Expert-Brian-Beckman-and-Erik-Meijer-Inside-the-NET-Reactive-Framework-Rx Видео полегче (оно для Angular - но это не важно - очень хорошее видео) https://www.youtube.com/watch?v=3LKMwkuK0ZE&list=FLQCZDaBHHjM8bug5-a6j37Q&t=491s&index=2 Это для Redux - redux-observable https://www.youtube.com/watch?v=AslncyG8whg Ну и на EggHead.io есть шикарные платные видео по RxJs

Erik Meijer - кстати сейчас в Facebook :)

Если нужен хардкор - как из Iterator сделали Observalbe с помощью Computer Science https://channel9.msdn.com/Shows/Going+Deep/Expert-to-Expert-Brian-Beckman-and-Erik-Meijer-Inside-the-NET-Reactive-Framework-Rx Видео полегче (оно для Angular - но это не важно - очень хорошее видео) https://www.youtube.com/watch?v=3LKMwkuK0ZE&list=FLQCZDaBHHjM8bug5-a6j37Q&t=491s&index=2 Это для Redux - redux-observable https://www.youtube.com/watch?v=AslncyG8whg Ну и на EggHead.io есть шикарные платные видео по RxJs

респект ?

дот Нээээтттт .... АААААА!

дот Нээээтттт .... АААААА!

Да - ноги растут от туда. Но Rx - сейчас популярнее для других языков чем в самом .Net

Да - ноги растут от туда. Но Rx - сейчас популярнее для других языков чем в самом .Net

я пока удержусь от комментариев, хочу попробовать сам. потом может быть скажу что понравилось, а что нет

mind map в рамках реакта кто нибудь реализовывал?

mind map в рамках реакта кто нибудь реализовывал?

https://github.com/MOMIND/MOMIND

а можешь обосновать? вот мне очень интересно, че это промисы прошлый век?

это он набрасывает :)

это он набрасывает :)

ответ или в вентилятор?)

скорее вентилятор(куда мы без промисов то) - надеюсь Алексея не обидел

скорее вентилятор(куда мы без промисов то) - надеюсь Алексея не обидел

в РКСопу :)

Ну у промисов мощь то, что их можно await'ить

Ок, гугл: а кто-то с recharts.js имел дело? мне надо график построить(это ге проблема), но <Bar /> у меня всего 1. НО!!! Они должны быть разными цветами, а не однимю Если мапить и генерить для каждого эл-та отдельный Бар = выходит лажа.

Есть ли в реакт-роутере возможность определения child компонентов как в ангуляре?

Есть ли в реакт-роутере возможность определения child компонентов как в ангуляре?

да

<route> CHILDS </route>

Я имею ввиду могу ли я внутри компонента еще слой роутов сделать? а внутри другой и так далее

ну да

именно это я тебе ит говорю

Ага можно экзампле по точней пожалуйста, или просто ссылку на нужный якорь в доке)

так туториалов же дофигища