Как впечатления?

@b2whats Вов, у тебя как-то сформировался окончательный flow, как делать Critical CSS на лету при Server-Side Rendering?

@b2whats Вов, у тебя как-то сформировался окончательный flow, как делать Critical CSS на лету при Server-Side Rendering?

тоже интересна эта тема.

Привет всем. Хочу поехать на Reactive 2016 c лайтниногом: https://twitter.com/AGambit95/status/770228801779462145 Keep calm and like/retweet it on Twitter and star this Gist to vote on this talk.

Please ⭐ https://gist.github.com/A-gambit/1ded6bf07cf4a497fc6eeb3e082ac612 =^.^=

Воу-воу ребят, давайте поддержим!

Народ подскажите как решить проблему. С сервера должна приходить разметка с классами. Но если придет что то типо {{Slider}} должен это превратить в React компонент. Первую часть проблемы решил через dangerouslySetInnerHTML а вот что со слайдером делать не знаю.

Народ подскажите как решить проблему. С сервера должна приходить разметка с классами. Но если придет что то типо {{Slider}} должен это превратить в React компонент. Первую часть проблемы решил через dangerouslySetInnerHTML а вот что со слайдером делать не знаю.

С потолка, можно попробовать не {{Slider}} писать, а например тег <div class="slider"></div> в разметке, потом в реакте в componentDidMount можно найти эту ноду любыми доступными средствами и сделать внутрь render(<Slider />, sliderNode). Но вообще реакт не совсем про это.

просто все приложение на react и логично и эту часть делать на react вроде

спасибо попробую как вы описали

надо не забыть только unmountComponentAtNode вызвать на componentWillUnmount или при изменении пропсов, и кстати надо следить за изменением пропсов в компоненте, а то пропс с разметкой может измениться и в этом случае повторно mount не произойдет

принято

как порождать action из reducer?

Никак

как реагировать на изменение состояния, вызвать какой-то запрос, например?

паттерн в react+redux нужен

посмотри на redux-loop или саги

разово можно цепочкой промисов обойтись или async/await

но сам подход "порождать action из reducer" в корне неверный

почему не верный?

Народ подскажите как решить проблему. С сервера должна приходить разметка с классами. Но если придет что то типо {{Slider}} должен это превратить в React компонент. Первую часть проблемы решил через dangerouslySetInnerHTML а вот что со слайдером делать не знаю.

Можно глянуть react web components

допустим у меня есть модуль X, который изменяет свойство state.foo. Я пишу новый модуль Y, который хочет при измении state.foo делать дамп данных на сервер (грубо). При этом я не хочу менять ничего в X

то есть Y как-бы с боку безопасно пристраивается

саги как раз про это

почему не верный?

http://stackoverflow.com/questions/36730793/dispatch-action-in-reducer

допустим у меня есть модуль X, который изменяет свойство state.foo. Я пишу новый модуль Y, который хочет при измении state.foo делать дамп данных на сервер (грубо). При этом я не хочу менять ничего в X

если Y == реакт компонент — через пропсы, если просто js модуль, экспортируй в X выходную точку да запускай там же, где диспатчишь

допустим у меня есть модуль X, который изменяет свойство state.foo. Я пишу новый модуль Y, который хочет при измении state.foo делать дамп данных на сервер (грубо). При этом я не хочу менять ничего в X

В Y.componentWillReceiveProps отправляешь запрос на дамп при изменении state.foo

не очень понятно в чем проблема

+

похоже componentWillReceiveProps подходит

Друзья, уже шесть часов вечера, последний понедельник лета. Давайте подведём итог и пофантазируем? Сейчас формируем некий isomorphic React App бойлерплейт на следующие 12 месяцев. Пока видим такой набор: 1. React 15 2. На сервере - Node.js и Express. 3. CSS modules + isomorphic-style-loader для автоматической генерации critical CSS. Или всё-таки JSS? 4. Redux 5. Модульное тестирование через ava и enzy.me. Или всё-таки Jest? 6. UI тестирование через Nightwatch + Browserstack. 7. Переводы через react-intl и react-intl-translations-manager. 8. Автоматическое определение языка на сервере через пакет accept-language. 9. Автоматическое определение геопозиции через пакеты maxmind и ipaddr.js. 10. Изоморфный логгер на базе bunyan. 11. react-document-title для динамического переключения заголовка вкладки. 12. isomorphic-fetch для отправки HTTP-запросов (“AJAX”). 13. webpack 1.x для сборки. Или всё-таки 2.x? 14. webpack-dev-server и 'webpack/hot/dev-server для Hot Module Reload. 15. Long-term Caching статических ресурсов (например: /assets/logo-8cdab5da.png). 16. parallel-webpack для ускорения сборки JavaScript bundle для каждого языка перевода. 17. webpack DllPlugin для оптимизации размера JavaScript bundle. 18. react-router-redux в качестве роутера. 19. ESLint и eslint-config-airbnb с кастомизацией - no semicolons. Какие пункты можно изменить/добавить? Что есть лучше?

в 13. я бы 2-ой не пихал, пока он бета. я с этим уже накушался

Webpack 2 вроде скоро из беты выходит

скорей всего через 12 месяцев он будет самыс актуальным

5. tap 13. 2.х 14. webpack-dev-middleware и webpack-hot-middleware 16. + happypack

Webpack 2 вроде скоро из беты выходит

Это вообще не гарантирует его работоспособности

в 13. я бы 2-ой не пихал, пока он бета. я с этим уже накушался

какие проблемы были?

5. tap 13. 2.х 14. webpack-dev-middleware и webpack-hot-middleware 16. + happypack

А вот @AGambit как раз его использует и говорит лучше бы ava / Jest

Тоже верно)

А вот @AGambit как раз его использует и говорит лучше бы ava / Jest

тогда да, наверное, у нас вообще jest)

Эх. А теперь тоже самое, но в виде поста на Хабр

Эх. А теперь тоже самое, но в виде поста на Хабр

Там уже знают про React.js?

Я именно про подборочку.

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

какие проблемы были?

основное для меня - его не зашринкврапить по-человечески, начинается война с peerDep, потом откат на 1.x с откатом натянутых под него плагинов и синтаксиса

16-й год, dll уже не тот

а если у тебя в package.json звездочки, то оно долго не живет

основное для меня - его не зашринкврапить по-человечески, начинается война с peerDep, потом откат на 1.x с откатом натянутых под него плагинов и синтаксиса

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

хотя может однажды мы психанем и запушим все в гит, who knows

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

Кажется, Павел @klimashkin

Вебпак второй можно спокойно юзать

На pet проекте офк

тебя пугает слово beta?

я выше писал что меня пугает

юзаем в проде, не жалуемся

основное для меня - его не зашринкврапить по-человечески, начинается война с peerDep, потом откат на 1.x с откатом натянутых под него плагинов и синтаксиса

Rollup тоже не айс?

а, увидал

17 + Code Splitting

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

и разгребать это не очень приятно

Rollup тоже не айс?

хочется верить в npm и его нативные инструменты

ERROR: S client not available

17 + Code Splitting

Разве webpack dll плохо справляется?

Разве webpack dll плохо справляется?

dll для кэширования и вынос основных зависимостей) А код сплитинг позволяет ассинхронную загрузку )

11. react-document-title Может react-helmet ?

12. isomorphic-fetch Может axios , ибо fetch все равно придется на клиенте полифилить

8. Гляньте в сторону connect-locale

Остальное вроде не сильно даст разницы, правда на счет роутера не уверен, почему не react-router?

https://github.com/brillout/awesome-react-components

Эх. А теперь тоже самое, но в виде поста на Хабр

Лови :) https://habrahabr.ru/post/308782/

https://github.com/brillout/awesome-react-components

Тоже следишь за твиттером TJ? :)

Остальное вроде не сильно даст разницы, правда на счет роутера не уверен, почему не react-router?

Чтобы интеграция с Redux

иногда опускаю глаз в твиттер

на реддите больше инфы

Лови :) https://habrahabr.ru/post/308782/

Что то мне кажется, сейчас там набегут, тут не твиттер и так далее)

Почитал про Webpack DLL. Как же люди мучаются.

потому что программирование – боль

как сложно программировать пиздец

почему нельзя чтоб все было просто

"Дух охоты". Без сложностей не интересно.

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

если хорошо знаешь css

то эти фреймворки не особо нужны

а вот программистам облегчают жизнь

кто-то и не начинал ими пользоваться. И зря.

можно быстро накидать прототип

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

я ща начал пилить на lost + antd

и это оказалось быстрее и удобнее

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

для гридов есть всякие скелетоны

для гридов есть всякие скелетоны

зойчем если уже флексбоксы шагают