@question Гайз, а webpack 2.0 можно юзать уже? Или лучше пока 1.х версию?

можно, многие уже используют

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

phenomic лучше, говорят, чем gatsby и реакт статик

phenomic лучше, говорят, чем gatsby и реакт статик

- Армяне лучше чем грузины! - Чем? - Чем грузины!

Но я сам все еще думаю, на чем статичный сайт- лендинг сделать

- Армяне лучше чем грузины! - Чем? - Чем грузины!

Намек понят

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

ДУмаю пока что стоит обновлять из инструментов и библиотек

Note: If you want to access the event properties in an asynchronous way, you should call event.persist() on the event, which will remove the synthetic event from the pool and allow references to the event to be retained by user code. > event.persist() - is not a function, втф?

> Savo > event.persist() - is not a function, втф? что за юзкейс?

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

И если судить по репозиторию, то ~ через 10 дней будет релиз 2.2

народ, а displayName у компонента есть вообще смысл пользоваться?

или это устаревший API?

народ, а displayName у компонента есть вообще смысл пользоваться?

Это тебе поможет при отладке компонентов

ну в доках так же написано, просто редко видел, что пишут) спасибо

просто из прода наверное убирают

просто реакт сам умеет добывать это

явно никто давно уже не пишет. в 0.13 это еще было как-то оправдано при создании через createClass. сейчас у стейтлесс компонентов или extends Component все достается через constructor.name

Заранее извините за простыню не очень качественного кода. Получил в "наследство" проект, а там в контейнерах (во всех 25-ти) пикрелейтед код в render методе. Раньше такой способ передачи пропсов и экшенов не встречал. Помогите понять что хотел сказать прошлый разработчик, пожалуйста :)

адочек чет не

похоже автор кода начитался исходников react-router

ну он "апгрейдил" чилды

в общем да, он в чайлды докидывал еще какие-то проперти

Я боюсь даже представить, сколько у него там методов еще

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

а все внимательно смотрите, вот такое нас скоро ждет react-legacy

Ну судя по коммитам, человек разбирался с реактом и галпом, а потом ридакс подключил, а потом ещё пару модных либ, а потом на вебпак пересел. Я на всякий случай спросил, а то вдруг я что-то проспал и уже кто-нибудь в твиттере посоветовал клонировать элементы при каждом рендере вместо простой передачи атрибутом ?

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

блин а вот даже если не смотреть на то как криво переданы все эти пропсы и представить, что они переданы нормально Часто ли такое _количество_ пропсов оправданным бывает? Что за проект такой? Что за интерфейс, где один компонент столько данных берёт?

или действительно просто логические блоки которые как сказали выше "тянут всё на свете от самого верха" )

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

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

ну вот мб и допускаю, что может, но.... пример бы?

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

я подобную хуйню завернул в объект и передавал один объект со всеми функциями

но нормальное решение тоже хз какое

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

я вот об авиа-данных сразу тоже подумал, но не может же быть настолько не сгруппированной информация даже если карточка отображает пятьдесят видов данных, скорее всего она получит что-то вроде { ticket, airline, airRoute }

а почему бы просто не импортить эти экшены в самих компонентах? в чем преимущество передачи их как пропс?

а почему бы просто не импортить эти экшены в самих компонентах? в чем преимущество передачи их как пропс?

Это контейнер, то есть тот самый Smart Component. Просто кто-то решил не запариваться и передавать всё во все дочерние компоненты.

если не ошибаюсь, в render точно нельзя, потому что возвращает всё время новые функции. и bind(this) тут не делают. обычно же в lifecycle методах

вернее в конструктор пихают

но нормальное решение тоже хз какое

Мне видится выпилить все методы из контейнера и записать их в виде селекторов. {childrenWithProps} заменить на реальные компоненты, так как контейнер нигде не переиспользуется. Ну и стейт пересмотреть, он раздут конечно и повторяет API бекенда.

Ну и да, проптайпов нет, тестов нет и походу половина пропсов просто нигде не используется :)

Ну судя по коммитам, человек разбирался с реактом и галпом, а потом ридакс подключил, а потом ещё пару модных либ, а потом на вебпак пересел. Я на всякий случай спросил, а то вдруг я что-то проспал и уже кто-нибудь в твиттере посоветовал клонировать элементы при каждом рендере вместо простой передачи атрибутом ?

а потом его в дурку забрали

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

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

Например, в кнопках лоадер обычно встроенный делаю.

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

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

Это не реакт прлблема

Тебе надо детектить user agent

Вот это и гугли

Тебе надо детектить user agent

это понятно, но не ужели ни кто с таким не сталкивался и нет чего-то что работало бы как реакт-роутер например. Только смотрело бы не за урлами а за user agent

Сталкивались. Но это решается точно также как и не в реакте

кто имел дело с тематизацией стилей компонент?

styled-components там в презентации что-то было про это

подскажите, как лучше готовить формы? форме есть поля: first name, last name, phone, email.. всё надо провалидировать.. видел решение c выносом каждого поля в отдельный компонент типа <TextInput uniqueName="email" text="Email Address" minCharacters={6} validate={this.validateEmail} onChange={this.handleEmailInput} />

это понятно, но не ужели ни кто с таким не сталкивался и нет чего-то что работало бы как реакт-роутер например. Только смотрело бы не за урлами а за user agent

а может лучше за шириной экрана смотреть?

точнее за шириной окна страницы

а может лучше за шириной экрана смотреть?

дак вроде уже поддягиваются сматрфоны с ретиной вот уже iphone 7 plus у него 1080х1920 и что мне да там десктопную версию показывать?

ну тогда уж useragent

дак вроде уже поддягиваются сматрфоны с ретиной вот уже iphone 7 plus у него 1080х1920 и что мне да там десктопную версию показывать?

1080 все еще меньше, чем у любого ноута.

ERROR: S client not available

Но вообще да. Надо еще учитывать Scale factor или как его там.

Ну user agent это точно тупиковый путь.

лучше нет

Медиа запросы, не?

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

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

Что остаётся?

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

Я всегда за вариант отдельной мобильной версии с переключением на бэке, если только не что-то простенькое.

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

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

А почему нельзя на основе медиа запросов узнать свой девайс и потом рендерить то, что нужно, исходя из этого? И то же самое с логикой.

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

@question Гайз, а webpack 2.0 можно юзать уже? Или лучше пока 1.х версию?

в rc4 сломали module.hot, rc1 идеальная

Про Tree-Shaking ничего сказать не могу

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

мне тоже интересно

т.е. я хочу указать точку вхождения src/pages/*/index.js, а на выходе получить dist/pages/page1.js dist/pages/page2.js

очень актуальный вопрос) уже часа 2 с этим мучаюсь)

Next.js нужен

а без него нельзя? это же рендер на сервере, верно?

мне тоже интересно

https://github.com/webpack/bundle-loader

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

Так то модуль конфига может и функцию экспортировать, которая уже возвращает объект конфига. Просто делаешь в ней fs.readdirSync и все

ну это понятно, просто думал что уже кто-то позаботился об этом и есть простое готовое решение =С

Буквально десять строчек кода. Есть где-то плагин для i18n, который генерирует кучу бандлов с разными языками. Тут похожий принцип

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

require.ensure

Next.js нужен

нужен, но не в этом контексте

Просто в нем этот вопрос решен, меньше телодвижений

ну он про другое

кстати, а чем чанки от бандлов отличаются?

чанки это маленькие бандлы

мне тоже интересно

сап, ensure