если я правильно понял вашу задачу

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

componentWillUpdate ?

shouldComponentUpdate: function(nextProps, nextState) { return nextProps.id !== this.props.id; }

вернее этот метод

не совсем, у меня весь fetch data прописан в router, вот тут описал пример: https://stackoverflow.com/questions/25983001/strategies-for-server-side-rendering-of-asynchronously-initialized-react-js-comp/35964135#35964135

Посмотри пример давний, но рабочий в redux-catch-promise

Мы правда уже переехали в проектах на роутер

гляну

react-router?

Да

Пусть хилый, но стандарт :)

Коллеги, у кого есть кейсы, где тестируются «умные» компоненты?

у нас тестируются

в принципе ничем не отличается от тестирования "не умных", надо просто воссоздавать нужную часть стейта для них

в принципе ничем не отличается от тестирования "не умных", надо просто воссоздавать нужную часть стейта для них

А что косается роутинга?

касается*

всмысле касается?

@trashgenerator Ну если компонент использует роутинг, то поднимаете и роутер?

А есть кто проекты e2e тестами покрывает? Что используете?

Подскажите, как-то решается проблема css-modules для псевдоэлементов и :hover ?

Подскажите, как-то решается проблема css-modules для псевдоэлементов и :hover ?

radium.com

@trashgenerator Ну если компонент использует роутинг, то поднимаете и роутер?

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

Подскажите, как-то решается проблема css-modules для псевдоэлементов и :hover ?

а для :hover — просто через onMouseEnter ещё один плюс onMouseEnter: проще тестировать/разрабатывать компоненту

Алексей 250-й член. Ура, поздравляем ??

а для :hover — просто через onMouseEnter ещё один плюс onMouseEnter: проще тестировать/разрабатывать компоненту

OnMouseEnter не работает с disabled JS ;)

OnMouseEnter не работает с disabled JS ;)

Шел 2016ый год :DDD

OnMouseEnter не работает с disabled JS ;)

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

либо упрощенная отдельная версия, но это если за нее тебе платят

Узнаю слова российских программистов :)

Узнаю слова российских программистов :)

сможешь это аргументировать?

я понимаю, что в РФ хуевый менталитет но ты как бы не прав и дело не в том, что я никогда не был в РФ нет никакого смысла подстраиваться под пользователей без javascript: он включен во всех современных браузерах, под links никто не сидит такие браузеры как IE6-8 почти не встретить, только в каком-нибудь тырпрайзном офисе РФ, а ты против кого? правильно. пользователи, которые самостоятельно отключают js в основном религиозные линуксоиды, очень яро волнующиеся за свою безопасность поддерживать их не стоит, они в основном нелогичны и агрессивны, общался с такими

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

Требования наших западных заказчиков (продуктовые решения): + IE8 (8% рынка) + disabled JS

Требования наших западных заказчиков (продуктовые решения): + IE8 (8% рынка) + disabled JS

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

Помимо высоко защищенных структур, в Европе высоко ценится privacy, особенно в Германии и определенных сегментах - отключённый JS там достаточно частая ситуация для защиты от трекинга. Там даже есть закон об уведомлении, если используются Cookies: https://www.cookielaw.org/your-cookie-law-rights/

либо упрощенная отдельная версия, но это если за нее тебе платят

вот подтверждает это, кстати

Если ресурсы позволяют вести и сопровождать две почти независимые версии (поддержка IE8 и disabled JS увеличивает стоимость проекта лишь на 20%), то можно отдельной lite-версией. Но не для всех продуктов это приемлимо + риск потери reusability, когда такое требование появится.

Привет

Подскажите, как запускается webpack если он установлен локально? Просто в консоли webpack ругается

а как у вас config назван?

Реакт говорили они, серверный рендеринг. Работает без js.  http://motherfuckingwebsite.com/

?

Реакт говорили они, серверный рендеринг. Работает без js.  http://motherfuckingwebsite.com/

You spent hours on it and added 80 kilobytes to your fucking site, and some motherfucker jabbing at it on their iPad with fat sausage fingers will never see that shit.

??

https://twitter.com/thomasfuchs/status/708675139253174273

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

синон?

нужно для тестов, и для демнстрации фронта без сервера

Интересная штука: https://github.com/typicode/json-server

да, штука интересная, только чучуть не то ) но заберу в копилку, спасибо )

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

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

https://github.com/iridakos/duckrails попробуйте использовать это, мне помогло

Космос тоже наверное может подойти

все сложно ) мне бы что нибудь простое, что бы index.html открыл, а там фронт, который кидает запросы к серверу, а запросы все типа синоном замоканы, и идут просто в маленькую базу, с парой записей ) а тут надо инстансы отдельные поднимать

json-server очень крутая штука

вот она выглядит проще чем duckrails )0

https://twitter.com/thomasfuchs/status/708675139253174273

Для того чтобы сделать приосто приложения на Реакт не нужен даже NPM. Вот отличная статья на эту тему: https://github.com/petehunt/react-howto

Помимо высоко защищенных структур, в Европе высоко ценится privacy, особенно в Германии и определенных сегментах - отключённый JS там достаточно частая ситуация для защиты от трекинга. Там даже есть закон об уведомлении, если используются Cookies: https://www.cookielaw.org/your-cookie-law-rights/

И как немцы пользуются ютубом?

Европейские требования, говорите?

ERROR: S client not available

@sergey_smyshlyaev Статью читали как на англ, так и на русском. Но та пикча просто ирония. На собственном опыте знаю и на отзывах других, что больше люди застревают на бойлерах и изучение вебпака)

@anorudes так им тоже нужно было эту статью всучить

Сейчас уже ие8 практически не поддерживается, а без js достаточно показывать плашку. Дело не в том - разрабатывается в России или нет. Про ie8 бывают исключения редкие. Например, если это банковский софт

Ну это совсем другое дело

Тем более сам реакт 15 оффициально даже не поддерживает его.  Вообще на эту тему много статей есть и интересных мнений. Зачем тратить кучу времен, чтобы хаками и костылями заставить работать апп на доисторическом браузере или же не внедрять современные технологии для этого ради незначительного процента юзера. Это затратно как по времени, так по деньгами для компании, так и для мотивации разработчиков 

думаю, основная мысль которую хотел донести Денис: "Инженер - это про решение задач"

есть задача поддерживать ие8 и nojs - извольте нет - никто не заставляет

С этим я полностью согласен

Что некоторым из нас необходима поддержка IE8 и NoScript, в силу своих специфичных задач - факт, но в коммьюнити как правило любые попытки обсудить эту проблему и некоторые пути решения, сразу же натыкаются на шквал “Ой, автор, бросьте, это никому не надо, не майтесь ерундой, идите в ногу с временем! Ха-ха-ха, за окном же 23 век!”, и это раздражает <__<

+1

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

Подскажите, как-то решается проблема css-modules для псевдоэлементов и :hover ?

https://www.smashingmagazine.com/2016/04/finally-css-javascript-meet-cssx/ вот тут решили

Господа, подскажите годнейшую либу для валидации форм, которая работала бы с redux. И что вы используете у себя?

https://github.com/erikras/redux-form от создателя react-redux-universal-hot-example есть еще react-formal

так вот они какие, реакт разработчики)

Вот теперь все стало на свои места

Я то думал, под чем redux-form писались

Подскажите как вы пишите юнит тесты для ES6? Как я понимаю многие современые фрэймоврки еще не подерживают ES6 поэтому перед тестами надо компалить весь код на ES5

Господа, подскажите годнейшую либу для валидации форм, которая работала бы с redux. И что вы используете у себя?

redux form слишком переусложнен

у нас есть проект на нем, пожалели много раз

лучше посмотри в сторону http://github.com/davidkpiano/react-redux-form 

redux form, кстати, скоро таким же будет

в новой версии перепишут полностью весь апи. 1 в 1 как тут

о спасибо за инфу ?

Подскажите как вы пишите юнит тесты для ES6? Как я понимаю многие современые фрэймоврки еще не подерживают ES6 поэтому перед тестами надо компалить весь код на ES5

mocha --compilers js:babel-core/register

И фсе

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

mocha --compilers js:babel-core/register

Спасибо!

необязательно —compilers

но можно просто —require baber-register