React.CloneElement для пропсов в роутере

а что там о stateless приложении, что-то ничего не могу найти толкового

https://facebook.github.io/react/docs/reusable-components.html#stateless-functions

тоесть мне нужно отдельно передавать, например <Books books={data.books}/> <Authors authors={data.authors}/> ?

У тебя все приложение сейчас можно перевести на стателес, по по повобу роутев да, не обратил внимание откуда берется data

всем привет , необходимо зациклить вызов эекшена , есть какие то подходы для этого ? (redux) на все время деятельности приложения

@galiant_fort, зациклить — это по таймеру? Если да, то вот такой вариант вполне: setInterval(function () { store.dispatch({ type: 'MY_ACTION' }); }, 5000)

всем привет , необходимо зациклить вызов эекшена , есть какие то подходы для этого ? (redux) на все время деятельности приложения

что вообще значит “зациклить на все время деятельности приложения”? почему не сделать просто setInterval? (это можно сделать кучей способов, в зависимости от того, что под этим подразумевается и для каких целей)

всем привет , необходимо зациклить вызов эекшена , есть какие то подходы для этого ? (redux) на все время деятельности приложения

while-цикл на redux-saga или тупо setTimeout на redux-thunk

Всем привет!

А кто что использует для интернационализации с React?

просто есть один оптовик, и они потратили дофига денег и больше полугода на криво настроенный PrestaShop, хотелось бы им указать нужное направление

В данном случае правильнее, думаю, будет допилить тот движок, раз столько времени убили. Все таки фреймворки и языки это просто инструменты для решения задач бизнеса

проведите, пожалуйста, рефакторинг кода, https://github.com/distolma/distolma.github.io/tree/master/react я создал часть приложения по ТЗ https://gist.github.com/geksilla/72a0cb882d2b7d8b4336, не могу вывести список авторов

Почему табы вместо пробелов?

https://github.com/distolma/distolma.github.io/blob/master/react/components/Author.js

такие компоненты сделай как stateless function

Авторов лучше выводить вместе через запятую с описанием рядом книжке. Или по тз надо разные выводы? (каюсь, не читал)

выпили консоль логи из приложения. Старайся, чтобы их не было в коммитах

например, тут, прямо в рендере стоит https://github.com/distolma/distolma.github.io/blob/master/react/components/BooksId.js

Даже если юзать табы, то делай правильную табуляцию. Чтобы два закрытых дива не было на 1 линии

ой, а приложуха то маленькая оказалась. Думал, много кода)

да, совсем маленькая, просто реакт-роутер и несколько компонентов )

выпили консоль логи из приложения. Старайся, чтобы их не было в коммитах

eslint no-console на всякий случай =)

А кто что использует для интернационализации с React?

React-intl

а как мене мои данные передавать? для этого нужен redux? или можно просто через пропс. Речь идет о моем приложении https://github.com/distolma/distolma.github.io/blob/master/react/

а что нынче модно юзать для связи redux и форм?

redux-form.com/6.0.0-alpha.15/

redux-form.com/6.0.0-alpha.15/

прям альфу?

да, она стабильная, 5ая версия ререндерит всю форму при каждом изменении стейта (то бишь при каждом нажаитии на клавишу), 6ая сейчас уже почищена от багов, просто нет поддержки нескольких фич, но они не особо нужны - там в доках описано

угу, я читал про миграцию с 5 на 6

попробую обновить у себя, спасибо :)

ребят, кто на вебпаке 2-ом бетке сидит

миграция с первого сводится к удалению бабеля из лоадеров или там что-то еще

и переименования одного из плагинов

плагины еще какие-то несовместимы были во времена беты 7

например svgstore ? ок я понял

переименования какого плагина? чет попсовое?

всякие extract text ok хотя бы?

и переименования одного из плагинов

Перешел несколько месяцев назад, в новых бетках все также? А то казалось, что многое переписали

OccurrenceOrderPlugin

Перешел несколько месяцев назад, в новых бетках все также? А то казалось, что многое переписали

у нас сейчас почти последняя бетка, ничего не менялось для нас

у него имя сменили тогда

сейчас уже 2.1.0-beta.13

всякие extract text ok хотя бы?

да, норм

я все ждал когда наконец кончится эта бета, но уже больше не могу

релизнули бы они уже, чо тянут

были только проблемы с three-shaking и специфичного присета для бабел

не завелся)

релизнули бы они уже, чо тянут

если судить коммитам, то не сильно активно идет разработка

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

Друзья, есть вопрос. Вот рекомендованный метод тестирования компонентов - проверять результат shallow rendering. а допустим у нас коневой компонент, он stateful, имеет какие-то методы вроде increaseCounter etc. Понятно, что после вызова какого-то метода можно проверять результат рендеринга, но это же покрывается e2e тестами В тестах в принципе реально получить доступ к инстансу компонента и достать руками стейт, но так вроде бы никто не делает(по крайней мере я не нашел). все либо shallow rendering делают, либо redux в общем, совет нужен :)

webpack2 же несет по сути только tree shaking (поправьте), так можно rollup уже давно ведь это умеет

Друзья, есть вопрос. Вот рекомендованный метод тестирования компонентов - проверять результат shallow rendering. а допустим у нас коневой компонент, он stateful, имеет какие-то методы вроде increaseCounter etc. Понятно, что после вызова какого-то метода можно проверять результат рендеринга, но это же покрывается e2e тестами В тестах в принципе реально получить доступ к инстансу компонента и достать руками стейт, но так вроде бы никто не делает(по крайней мере я не нашел). все либо shallow rendering делают, либо redux в общем, совет нужен :)

с помошью enzyme можно нормально получить state из компонента

То есть это нормально - проверять стейт?

Ага, это нормально

То есть это нормально - проверять стейт?

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

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

Ясно, спасибо :)

А по библиотекам - enzyme?

enzyme, sinon, chai, есть еще всякие chai-enzyme

где больше сахара)

ERROR: S client not available

Премного благодарен. Чем меньше нетестированных прослоек, тем лучше, как по мне

если нравится писать тесты и компания готова их оплачивать, то конечно )

@Havenchyk Можешь для начала глянуть как тут написаны тесты https://github.com/rwieruch/favesound-redux

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

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

мм, так, а babel в итоге каким образом меняет на встроенный? то есть если у меня было например так test: /\.js?$/, loader: 'babel-loader’, то теперь?)

я надеялся что оно мне в консольке подскажке, как с commonchunk

хм, мы оставили в лоадерах бабел

и у dependencies вебпака нет бабел, он точно его заменяет ?)

ну, для меня это был чуть ли не основной стимул)

https://gist.github.com/sokra/27b24881210b56bbaff7

или губу надо закатать

не, там о другом вроде же )

что он нативно стал понимать ES6 Modules и появился специальный присет для бабел

да, я уже прочитал

а чо у меня все это время в голове было, что они решили заменить babel чем-то своим

надо кароч в отпуск ехать

чет я совсем

Отличий всего 2, резолвы переименовались и углифай работает с надстройкой, систем импорт не нужны, тришейкинг будет работать только с либами которые так написаны и которые не как коммонжс модули подключаются, то есть нужно удалить именно этот пресет из настроек, ну и теперь можно лоадеры нормально не строками описывать

Отличий всего 2, резолвы переименовались и углифай работает с надстройкой, систем импорт не нужны, тришейкинг будет работать только с либами которые так написаны и которые не как коммонжс модули подключаются, то есть нужно удалить именно этот пресет из настроек, ну и теперь можно лоадеры нормально не строками описывать

а аглифай научился работать с es6?

Какая разница какой ес?

Какая разница какой ес?

большая, углифай не знает ес6 и не может его сжать

Бабель умеет ес5

вывод: углифай работает после бабеля

А мог бы и вместе

и без бабел никуда

Это тупой вывод

Если вы используете бабель то глупо было бы вначале минимизировать потом транспилить

Это вывод из диалога выше, понятно что глупо