У тебя результат уже не является текстом, а изоморфными блоками форматирования

Сегодня emoji, завтра курсив с инлайн фотками — разве по прежнему всё в текст будешь перегонять)

))) я понял

окей, попробую разобраться

Ребза, как в webpack 2 полифилить теперь? Что-то у меня через ProvidePlugin с imports/exportrs loader не хочет работать с tslib.

должно работать, попробуй другую либу

Так что, можно запускать yarn при выполнении команды npm install?

ну то есть ты точно что-то не так делаешь, вопрос что

Парни привет, есть проблема в IE9, если поставить фокус в input до загрузки бандла и начать в нем писать что-то, то onChange не срабатывает. Убираю фокус, ставлю обратно все работает. Как с таким бороться?

забить на ie9

уверен на нём отвалиться ещё не в одном месте и в какой-то момент ты всё равно от него откажешься

о чуваки кстати

есть убер-гуру вебпака в чате?

ну и чат про реакт

он же вроде ie9 не поддерживает

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

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

что мешает грузить старые стили и стилизовать новые компоненты через css modules

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

хм, может под это дело попробовать jss поиграться)

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

я бы делал так

componentWillReceiveProps() { const p_ = this.props; this.setState({ schedule: this.formattingSchedule(p_.selectedItem) }); }

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

компонент перерендеривается 2 раза

он же вроде ie9 не поддерживает

поддерживает https://facebook.github.io/react/docs/react-dom.html#browser-support, и onChange именно реакт компонента

поддерживает https://facebook.github.io/react/docs/react-dom.html#browser-support, и onChange именно реакт компонента

а если не печатать а вставить

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

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

через ctrl+v

@sergeysova а расскажи про styled-jss и как ты код организуешь?

Гайз, такой вопрос: SinglePage на React+Redux, прикручиваю OAuth2; Есть ли какие-либо готовые решения, или можно сразу начинать делать самому?

самому

всего-то нужно получить токен, обновить токен

ок, так и думал

благодарю

остальное делает серверная сторона

через ctrl+v

тоже самое, после первого рендера значение в state равно null что пресдказуемо поскольку бандл еще не загружен, но после рендера onChange не вызывается

как понять после загрузки бандла

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

list.map(item => { if (item.id === selectedItem.id) { broadcasts.setState({ list: item }); } })

как можно обновить нужный объект?

как понять после загрузки бандла

время пока js не загрузился браузером, сама страница отрендерена на стороне сервера

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

если после загрузки то срабатывает

а в других браузерах что

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

как можно обновить нужный объект?

broadcasts.setState({ list: item }); не совсем понятно что тут list, это лист или конкретный объект

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

тут уже в ишьюс нужно искать там с ослами куча багов

это массив объектов

тут уже в ишьюс нужно искать там с ослами куча багов

ок спасибо, уже копаюсь)

мутируй массив

в сет стейт вставляй весь массив

item - какой-то объект, который нужно обновить

обновляй итем в массиве

после сам массив сунь в сет стейт

других вариантов нет

это массив объектов

например const updatedList = broadcast.list.map(item => { return item.id === selectedItem.id ? selectedItem : item }) broadcast.setState({ list: updatedList, })

мутируй массив

"...а сам массив тоже возьми из стейта, удачной отладки"

сам юзаю immutability-helper )

например const updatedList = broadcast.list.map(item => { return item.id === selectedItem.id ? selectedItem : item }) broadcast.setState({ list: updatedList, })

спасибо

@sergeysova а расскажи про styled-jss и как ты код организуешь?

Я использую AtomicDesign для организации компонентов

Я использую AtomicDesign для организации компонентов

что это такое? Можно ссылку?

что это такое? Можно ссылку?

@atomicdesign Здесь мало сообщений, есть ссылки

ERROR: S client not available

Я использую AtomicDesign для организации компонентов

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

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

Да. Несколько дизайнеров

ПОдскажите, как правильно организовать прелоад сообщений так, чтобы скролл не слетал на начальную позици? Написал код, который отлавливает перед прелоадом скролл, сохраняет его в сторе. После того, как компонент обновился, через componentWillReceiveProps, я узнаю прошлый скролл и настоящий. scrollHeight - store.lastScrollHeight Потом меняю статус isPreloaded = false. Чтобы при очередном апдейте компонента, он не скроллился.

внутри componentWillReceiveProps

А как узнать при рендере клиента что компонент уже отрендерен на стороне сервера, нужно сделать rehydration для подгужаемого через import() компонента. Если компонент отрендерен на стороне сервера то ничего не делать только загрузить chunk с компонентом, если нет то показать прелоадер во время загрузки чанка.

Я использую AtomicDesign для организации компонентов

Не, мне скорее интересно, где именно относительно компонента стили хранить, в том же файле, в соседнем, где хранить инициализацию -- в каждом компоненте для переносимости или один раз в коре, а потом везде импортить

Не, мне скорее интересно, где именно относительно компонента стили хранить, в том же файле, в соседнем, где хранить инициализацию -- в каждом компоненте для переносимости или один раз в коре, а потом везде импортить

Храню в том же файле

Не раздувается? У меня на некоторые компоненты несколько сотен CSS строк

И как у jss с @keyframes?

Не раздувается? У меня на некоторые компоненты несколько сотен CSS строк

это странно))) правильная композиция позволяет избежать такого размера

И как у jss с @keyframes?

Нормально

Не раздувается? У меня на некоторые компоненты несколько сотен CSS строк

Можно рядом написать файл yourComponent.css.js

Можно рядом написать файл yourComponent.css.js

треш)

если в компоненте так дохрена стилей, то следует задуматься о декомпозиции и упрощении

если в компоненте так дохрена стилей, то следует задуматься о декомпозиции и упрощении

Согласен

Кто нибудь дружил rr4, ssr и async routes?

только rr4 + async routes

Не там затык именно с ssr

могу пример скинуть

Mismatch маркапа

ssr rr4 async

Скинь

https://github.com/ctrlplusb/react-universally

Глянул по коду, все вроде также

? Друзья, уже совсем скоро состоится важное событие весны - 5 и 6 июня в Сколково пройдёт РИТ++ (см. www.ritfest.ru). Если в цифрах, РИТ - это 160 сильнейших докладчиков, 2000+ участников, 8 тематических конференций, 40 митапов от экспертов, 20 стендов с розыгрышами и призами и т.д. Совместно с организаторами мы проводим розыгрыш билетов среди участников русскоговорящих профессиональных сообществ в Telegram: 1. https://t.me/react_js 2. https://t.me/js_ru 3. https://t.me/angular_ru 4. https://t.me/nodejs_ru 5. https://t.me/android_ru 6. https://t.me/ios_ru 7. https://t.me/devops_ru 8. https://t.me/kubernetes_ru 9. https://t.me/docker_ru 10. https://t.me/agile_ru А также других групп, представленных в этом списке: https://t.me/all_ru ? Всего будет разыграно: 4 билета среди участников (по одному на тематику - Мобильная разработка, DevOps, JavaScript, Agile) и 4 билета для тех, кто готов вести прямую трансляцию конференции в группе Telegram. Каждый может участвовать в двух номинациях. :) ? Что значит "прямая трансляция"? Организаторы готовы предложить со своей стороны: 1. Пригласить на конференцию (бесплатно, разумеется). 2. Выделить рабочую зону (тихие комнаты для подкастов, интервью, зарядки, оформить зону, перекусить и так далее). 3. Предоставить доступ к докладчикам (контакты, возможность связаться для интервью / чего угодно). 4. Предоставить доступ к спонсорам (контакты, интервью, услуги) - они тоже в вас заинтересованы. 5. Отдать пару потоков видео с конференции бесплатно для трансляции в реальном времени. 6. Скидочный код для подписчиков канала или подкаста. 7. Предложить PR, который может сделать конференция: логотип в информационных партнёрах, рекламную вкладку в брошюру участников. Что ожидается от вас в этом случае: 1. Продвижение конференции до события. 2. Интересный репортаж с места события - желательно в реальном времени, комментарии, цитаты, фотографии, прямые включения, интервью (можно постфактум). ? Выигранный билет нельзя обменять/продать или передать. В случае, если вы по какой-то причине не сможете воспользоваться билетом, сообщите организаторам - https://t.me/DenisIzmaylov ? Победитель будет выбран случайным образом. Ваши имя и фамилия будут опубликованы, в случае победы, все остальные ответы - конфиденциальны. Приём заявок завершится в воскресенье, 28 мая, в 23:59. ? Для участия в розыгрыше необходимо заполнить следующую форму: https://goo.gl/forms/By7hsLbOZCx2NhN13

? Друзья, уже совсем скоро состоится важное событие весны - 5 и 6 июня в Сколково пройдёт РИТ++ (см. www.ritfest.ru). Если в цифрах, РИТ - это 160 сильнейших докладчиков, 2000+ участников, 8 тематических конференций, 40 митапов от экспертов, 20 стендов с розыгрышами и призами и т.д. Совместно с организаторами мы проводим розыгрыш билетов среди участников русскоговорящих профессиональных сообществ в Telegram: 1. https://t.me/react_js 2. https://t.me/js_ru 3. https://t.me/angular_ru 4. https://t.me/nodejs_ru 5. https://t.me/android_ru 6. https://t.me/ios_ru 7. https://t.me/devops_ru 8. https://t.me/kubernetes_ru 9. https://t.me/docker_ru 10. https://t.me/agile_ru А также других групп, представленных в этом списке: https://t.me/all_ru ? Всего будет разыграно: 4 билета среди участников (по одному на тематику - Мобильная разработка, DevOps, JavaScript, Agile) и 4 билета для тех, кто готов вести прямую трансляцию конференции в группе Telegram. Каждый может участвовать в двух номинациях. :) ? Что значит "прямая трансляция"? Организаторы готовы предложить со своей стороны: 1. Пригласить на конференцию (бесплатно, разумеется). 2. Выделить рабочую зону (тихие комнаты для подкастов, интервью, зарядки, оформить зону, перекусить и так далее). 3. Предоставить доступ к докладчикам (контакты, возможность связаться для интервью / чего угодно). 4. Предоставить доступ к спонсорам (контакты, интервью, услуги) - они тоже в вас заинтересованы. 5. Отдать пару потоков видео с конференции бесплатно для трансляции в реальном времени. 6. Скидочный код для подписчиков канала или подкаста. 7. Предложить PR, который может сделать конференция: логотип в информационных партнёрах, рекламную вкладку в брошюру участников. Что ожидается от вас в этом случае: 1. Продвижение конференции до события. 2. Интересный репортаж с места события - желательно в реальном времени, комментарии, цитаты, фотографии, прямые включения, интервью (можно постфактум). ? Выигранный билет нельзя обменять/продать или передать. В случае, если вы по какой-то причине не сможете воспользоваться билетом, сообщите организаторам - https://t.me/DenisIzmaylov ? Победитель будет выбран случайным образом. Ваши имя и фамилия будут опубликованы, в случае победы, все остальные ответы - конфиденциальны. Приём заявок завершится в воскресенье, 28 мая, в 23:59. ? Для участия в розыгрыше необходимо заполнить следующую форму: https://goo.gl/forms/By7hsLbOZCx2NhN13

Вопрос 1: давно ли июнь стал относиться к весне?

:) Ок, верно

Вопрос 1: давно ли июнь стал относиться к весне?

Тогда же, когда май начал относится к зиме)

Тогда же, когда май начал относится к зиме)

справедливо))