JSON.parse() ?

Друзья, а чем экшены с редьюсерами от бойлеплейта спасать щас по моде

redux-act какой-нибудь

redux-act какой-нибудь

рекомендуеь?

рекомендуеь?

Использую, мне норм. Большой плюс в отличии от react-actions - генерируется type уникальный.

Поэтому никаких констант с типом экшена, только action.getType()

я просто зашел сюда: https://github.com/markerikson/redux-ecosystem-links/blob/master/action-reducer-generators.md

и мне стало не по себе))))

Мы используем redux-actions

Но redux-act выглядит ок

Прив. Есть готовые шаблоны статичных сайтов на react c seo friendly страницами? Всякие генераторы типа Gatsby слишком тяжеловесны.

Прив. Есть готовые шаблоны статичных сайтов на react c seo friendly страницами? Всякие генераторы типа Gatsby слишком тяжеловесны.

Я такого не нашёл, потому сам себе собрал. Он не идеальный и делался под свои нужды, но может тебе что пригодится https://github.com/sudoobey/site?files=1

Я такого не нашёл, потому сам себе собрал. Он не идеальный и делался под свои нужды, но может тебе что пригодится https://github.com/sudoobey/site?files=1

а для seo что делал, вкратце?

Для базового SEO обычно нужно: Server Rendering (renderToString), META tags management (пакет react-helmet и прямые руки), оптимизация скорости загрузки, наличие мобильной версии, sitemap.xml, robots.txt

Так то SEO это вкусовщина и много утомительной работы ручками, никакой шаблон не спасет

а для seo что делал, вкратце?

Пока только ssr, всё остальное в любом случае руками делать нужно.

?

Я тут в тестирование react вместе с новым jest погружаюсь и возник вопрос: TestUtils.createRenderer() и import renderer from 'react-test-renderer' это в принципе одно и тоже только с разными api?

всем привет, кто сможет пояснить

это при fetche срабатывает

экспортишь?

?

экспортишь?

всмысле

это я перехал на 33 версию

всмысле

хм, тогда не тот чат ) Такую ошибку встречал когда пытался отрендерить undefined переменную через то, что файл модуля не содержал export или опечатывался в названии.

К вопросу Я тут в тестирование react вместе с новым jest погружаюсь и возник вопрос: TestUtils.createRenderer() и import renderer from 'react-test-renderer' это в принципе одно и тоже только с разными api? Добавился еще один Как написать тест для обработки глобальных нажатий клавиш. Khan не смог. Кто знает? https://github.com/Khan/react-components/blob/master/test/modal_test.jsx

Господа, может кто-то заметит какой-то косяк, смотрю по кругу и не вижу ничего странного. В редьюсер прилетает payload.nextUrl undefined, но в стейт в итоге попадает какое-то значение nextUrl, может прошлое. case types.SEARCH_RESULTS_CACHE: let cacheFound = false; let cache = state.cache || []; let newCache = [].concat(cache); let current = { id: payload.id, nextUrl: payload.nextUrl, items: state.items }; newCache.map(cacheItem => { if (!cacheFound && (cacheItem.id === current.id)) { cacheFound = true; return current; } return cacheItem; }); if (!cacheFound) { newCache.push(current); } return Object.assign({}, state, { cache: newCache });

console.log

Ты .map() никуда не сохраняешь

console.log('Payload item: ', current); console.log('New item url in state:', newCache.find(item => item.id === payload.id).nextUrl); В редьюсер прилетает андеф, в первом логе nextUrl андеф, во втором появляется значение

ох

Что-то меня понесло и подумал, что он должен переписать массив

Спасибо

Народ, так случилось, что стейт представляет из себя объект с некоторой глубины вложенностью. Нужно изменить значение по указанному пути, но не мутируя стейт напрямую и максимально сохраняя на этом пути соседние объекты. Какую функцию юзаете для этого?

react-addons-update

или просто ес6, если не глубоко

или просто ес6, если не глубоко

Спасибо. Глубоко :(

Ну как .... 3-ий уровень

обычный deep extend не подойдет?

обычный deep extend не подойдет?

А где его взять?

set из lodash/fp

У меня просто в своих utils лежит такой: https://jsfiddle.net/ua9dveo7/

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

set из lodash/fp

Благодарю!

angular2 быстрее react? http://elm-lang.org/blog/blazing-fast-html-round-two

Да

Не так важно

+

angular2 быстрее react? http://elm-lang.org/blog/blazing-fast-html-round-two

Про ember смешно

Про ember смешно

https://github.com/evancz/react-angular-ember-elm-performance-comparison/#methodology

Может кто подскажет либу для создания английской версии сайта, просто перевести меню и подобное

Мы сами организовывали подтягивание словарей *__* Словари в JSON, а на выводе фразы - функция вроде translate('some.key.from.dict')

angular2 быстрее react? http://elm-lang.org/blog/blazing-fast-html-round-two

Да - особенно с AOT

Про ember смешно

особенно тут

http://mathieuancelin.github.io/js-repaint-perfs/

Вопрос по react-formal: Как получать значения checkbox?

Дело в том что Formal.Field не дает возможноси задать value для инпута

Поэтому чекбокс у меня в любом случае не имеет value

И как в таком случае проверять при валидации, что он чекнут?

Может кто подскажет либу для создания английской версии сайта, просто перевести меню и подобное

Хороший вопрос. Есть довольно много либ, в которых строки для i18n предлагается хранить в разного рода json-структурах. Но почему-то нет ни одной, где данные хранились бы в .po-файлах (все-таки gettext - устоявшийся стандарт). Мы такое написали для одного проекта, сейчас отладим и если все ок - выложим в opensource.

Хм, я вроде где-то такую видел

Вспомнил, po.js, но она вроде уже куда-то делась в гитхаба. Хотя погуглив – нашел пару парсеров .po

И как в таком случае проверять при валидации, что он чекнут?

Через checked https://github.com/jquense/react-formal/blob/d26c648aa93d6f0a11b8280668fc9aaaab677644/src/inputs/Bool.js#L16

Спасибо большое! Сейчас попробую

К сожалению, при этом все-равно невозможно передать какое-либо value для валидации

https://github.com/eslint/eslint/issues/6549#issuecomment-247882754

красавцы

К сожалению, при этом все-равно невозможно передать какое-либо value для валидации

Я понял о чем, сам формал не юзал у себя нормально

но решил бы таким образом

<Form.Field type="checkbox" mapFromValue={() => true} name="test" /> <Form.Message for='test' />

И теперь в test будет true, если чекнуть

если убрать чек, то не будет ключа в объекте

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

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

В ишьюсы пишите пожалуйста подобное)

Насчет чекбоксов - не использовал, не могу подсказать с телефона, надо код смотреть, но с различными boolean полями проблем не было

Коллеги. А вы не обломаетесь сделать код-ревью небольшого проектика?

Я в процессе изучения реакта выкатил небольшой проект: https://github.com/bigslycat/gomoku Вот результат: https://bigslycat.github.io/gomoku/

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

народ, а что для react+redux лучше. Несколько мелких коннектов, или один большой в родителе?

лучше мелкие. потому что === в реакт-редакс предотвратит часть проверок еще др лайфсайкла

то есть тупой родитель + пачка умных детей?

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

чем ближе данные к компоненту, которому они нужны, тем лучше. по логике

Вот почитай

https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.vyli0gqsl

да, только вот по жизни это не очень удобно

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

в бою проще когда компонент, которому нужен стор или экшны просто законнекчен

экшны, я кстати, коннекчу уже в мелкие компоненты через connect

Почему нет? Какая-то внешняя обертка вполне может быть dumb, а внутри разбивается на области, которые законекчены к нужным данным из стора

Кроме smart, dumb компонентов, ещё есть page

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