Хабр — всё, как по мне

Ушла эпоха

Зацените, кстати https://github.com/zyedidia/micro

Изучать и слушать советы

мало гайдов в интернете

Редактор в терминале

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

Шляпа? Я просто сегодня искал инфу на эту тему

Вопрос, есть подобие чата на реакте, перед добавлением сообщения оно сканируется на налчие ссылок в нем и заменяется на тэги <a href и т.д но при рендере эта ссылка рендерится как обычный текст, а не как HTML, в чем проблема? Как решить?

мало гайдов в интернете

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

Шляпа? Я просто сегодня искал инфу на эту тему

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

Ну, и тем более это уже внедрено во все существующие бойлеры. Я просто думал, что более хитрые вещи описаны)

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

А вообще, в 2016 все еще собирают проект в один бандл или есть другой метод?

Делят на чанки, которые работают через require.ensure вебпака

Как ни странно, но на хабре есть хорошая статья по теме

https://habrahabr.ru/post/307694/

или взять за основу мой компонент, на днях сделал https://github.com/Tom910/react-async-loading

дайте гайдов по реакту

шоб как у людей

дайте гайдов по реакту

https://facebook.github.io/react/docs/tutorial.html

или взять за основу мой компонент, на днях сделал https://github.com/Tom910/react-async-loading

С серверным рендерингом работает?

относитель, на сервер не будет рендерится, т.к. componentDidMount

но не будет ошибки)

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

https://habrahabr.ru/post/307694/

Спасибо

относитель, на сервер не будет рендерится, т.к. componentDidMount

хм, не понял. На серверном рендеринге require.ensure надо заменять на require обычный, можно через однострочный полифилл

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

И клиент не делал запрос

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

нужно проверить, но по моему будет ошибка)

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

а вебпак как настроен?

если у CommonsChunkPlugin убрать async: true, то такой кейс возможен)

Глянул readme твоей либы asyncComponent(() => require.ensure([], (require) => require('./Button.js'), 'Button'), { placeholder: <div>Loading</div> }) То есть тут ты можешь проверять env и допустим для серверного рендеринга юзать обычный require Но проканает такое на System.import или нет я хз. )

Хотя хватит обычного полифилла для require.ensure, чтобы нода переварила

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

https://gist.github.com/hpherzog/d8a47b5d6304e6df9ff4 типа такого. Но есть в 1 строчку варианты.

Как у тебя сделано на клиенте?)

Немного не понимаю вопроса. У тебя серверный рендеринг же пришлет нужный компонент сразу. Проблем ведь не будет

Как он js пришлет?)

Ты пытаешься отрендерить страницы Page A через серверный рендеринг. В ней находится асинхронный компонент Component B, который потом создается в чанк chunk.b.js через вебпак. Но у тебя благодаря полифиллу тому коротенькому при импорте страницы на ноде в renderToString сразу же будет ассинхронный компонент. Так что тебе пришлется правильная html разметка, где уже будет ассинхронный компонент. Мне кажется мы о разных вещах просто говорим)

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

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

Будет моргание страницы и потом все начнет нормально работать)

ну, как я и говорю это касается слайдеров и прочей фигне. Главное, что статика уже прилетела

Допустим есть какой-то блок на странице, который сделан таким способом. Серверный рендеринг пришлет его разметку, + у нас есть уже стили. Мы спокойно это отрисоуваем. Можно даже удалить загрузку бандла и чанков - все равно на странице уже будет нужный компонент. Без динамичных штук)

дайте гайдов по реакту

https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44#.bwx1tejmd

дайте гайдов по реакту

https://medium.com/thoughts-from-travelperk/writing-a-good-react-component-59624ed40b8e#.dyt4t99p5

Какой лучше способ избавиться от дублирования констант для экшенов?

Что именно дублируется? success, request, failure?

https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44#.f2gi71vcy

почему на хабре еще нету перевода ?

https://github.com/alt-j/fast-react-render

На хабре полно контента по реакту, редаксу и окружению. https://habrahabr.ru/search/?q=react#h А также можно искать в гугле с флагом "только на русском". Но и англ статьи легко читаются, это же не художественная литература

https://github.com/alt-j/fast-react-render

воу-воу)

воу-воу)

я это на канале кинул, но тут же нельзя...

ну, как я и говорю это касается слайдеров и прочей фигне. Главное, что статика уже прилетела

Моргание страницы это проблема, но по экспериментирую)

последняя статья 2015 год

ясно

Последняя статья пару дней назад

я это на канале кинул, но тут же нельзя...

А что тут нельзя?

ERROR: S client not available

А что тут нельзя?

репостить

Типо реклама?

Так я из этого канала про твой канал и узнал

Я потерял нить вашей дискуссии )

Допустим есть какой-то блок на странице, который сделан таким способом. Серверный рендеринг пришлет его разметку, + у нас есть уже стили. Мы спокойно это отрисоуваем. Можно даже удалить загрузку бандла и чанков - все равно на странице уже будет нужный компонент. Без динамичных штук)

Да, это понятно, но это все происходит до запуска реакта и когда он запустится, он увидит не соответствие его компонентов и того, что есть в html и начнет ругаться) в общем проверю разные конфиги

почему на хабре еще нету перевода ?

Чтобы те через пару месяцев устаревшую информацию читал?

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

или на перевод оф доки

почему на хабре еще нету перевода ?

Потому, что это не нужно. Это трата времени. И большая задержка. Лучше пошалить хорошую инфу на международном языке.

Потому, что это не нужно. Это трата времени. И большая задержка. Лучше пошалить хорошую инфу на международном языке.

+1000

это ещё и потеря смысла, ибо никакой перевод не передаёт 100% оригинала бай-дезайн

ну и (не в последнюю очередь) а нужны вам такие читатели, которые не способны прочесть технический текст на английском? что (хорошего) они привнесут?..

Друзья, всех с днём знаний и началом осени! ?

Хах

Спасибо

ох ё :)

да, с днём всех

А тем временем на GitHub разгораются страсти по поводу Isomorphic React Boilerplate на следующие 12 месяцев. Например, рекомендуют Immutable.js и webpack 2 всё-таки заиспользовать: + https://github.com/StartupMakers/react-fullstack/issues/1

готово

Друзья, в курсе, есть коллекции react-компонентов? package-менеджеры (вроде npm) с компонентами? awesome-листы? с большим ассортиментом так сказать)

Да и в целом интересные темы: https://github.com/StartupMakers/react-fullstack/issues

Вот это комментариев накопилось https://habrahabr.ru/post/308782/

Вот это понравилось: Если используете css-модули в библиотеке компонентов, есть смысл глянуть в сторону react-css-themr https://github.com/javivelasco/react-css-themr

бема не будет?)

ноуп

мне кажется, или на хабре какая-то хрень в основном выходит последний год?

ахаха

лол

как будто там было что-то хорошее последние несколько лет