Или работает для одного проекта.

Вдохновлен этим: https://github.com/kriasoft/react-app Но подход немного другой.

Один конфиг для всего?) Или в каждом проекте свой, как боилерплент?

Один конфиг для всего?) Или в каждом проекте свой, как боилерплент?

Пока переопределение конфига не делал, оно делается на уровне окружения (какие-то перменные прокидываются, не более). Необходимости нет в переопределении, идея в стандартизации, но как фича в TODO стоит. Еще хочется CLI прикрутить, но это все мишура.

Ребят, как можно убедить PM поменять knockout на react? Я просто поработал с knockout и понял что профита мало :D Но все же...

Я как аргумент использовал компоненты и реюз (дальше - дешевле), и был кейс с огромным списком и туевой хучей чекбоксов с хитрой логикой вкл/выкл - у уанвей и реакта на лицо большое преимущество перед кучей обсерваблов. Правда то не ПМ был а разраб по жизни. И на КО было мало кода, который до сих пор не трогаем, и по которому только ctrl+f помогает ориентироваться

Я как аргумент использовал компоненты и реюз (дальше - дешевле), и был кейс с огромным списком и туевой хучей чекбоксов с хитрой логикой вкл/выкл - у уанвей и реакта на лицо большое преимущество перед кучей обсерваблов. Правда то не ПМ был а разраб по жизни. И на КО было мало кода, который до сих пор не трогаем, и по которому только ctrl+f помогает ориентироваться

Спасибо за фидбек. В том то и дело что я того же достигаю и с нокаутом. Нет такого чего бы я не смог сделать на нокауте. Хочу протестить то как себе ведет реакт на android 4.0 и ios7, если по производительности будет ощутимо отличаться от knockout то это весомый аргумент. Мне вот такие аргументы нужны. В плане написания кода – все ок, пишу как на реакте, компонентами.

про компоненты да, это больше к конкретно нашему кейсу относилось, а не к КО если по уму писать, то должно получаться нормально с любым инструментом и разница будет видна наверное только на больших и сложных гуях

может не надо реакт тогда)) $$ все же

про компоненты да, это больше к конкретно нашему кейсу относилось, а не к КО если по уму писать, то должно получаться нормально с любым инструментом и разница будет видна наверное только на больших и сложных гуях

Вот! Именно, спасибо :)

встречались с таким что shouldComponentUpdate не видит пропсы что приходят из HOC? вот прям обернут компонент в HOC, в render в пропсах вижу нужные параметры, shouldComponentUpdate не видит

встречались с таким что shouldComponentUpdate не видит пропсы что приходят из HOC? вот прям обернут компонент в HOC, в render в пропсах вижу нужные параметры, shouldComponentUpdate не видит

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

это значит что this.props.cube и nextProps.cube который я так ожидаю undefined то что не обновляется - походу оно, не обновляется как раз таки из-за shouldComponentUpdate, круг замыкается если всегда возвращать true то cube появляется в shouldComponentUpdate

возможно мутируешь данные

>или все время пересоздается Реакт бы ругнулся

Покажи проверку

такое чувство что shouldComponentUpdate вызывается сначала без компонента в обход HOC, а потом еще раз с тем что уже передал HOC странно в общем, пока убрал shouldComponentUpdate, будет время загляну еще раз

Не рекомендую я вам HOC, молодой человек. Используёте просто wrapper component

HOC это и есть враппер)

такое чувство что shouldComponentUpdate вызывается сначала без компонента в обход HOC, а потом еще раз с тем что уже передал HOC странно в общем, пока убрал shouldComponentUpdate, будет время загляну еще раз

console.log({...nextProps}) внутри sCU ;)

А почему не log(nextProps)?

если была мутация, в console.log будет объект уже после мутации срендренный)

Спасибо, буду у компа гляну

если была мутация, в console.log будет объект уже после мутации срендренный)

clone :D

тоже натыкался на то что в консоли появлялся объект после мутации, дошло не сразу.

HOC и wrapper\parent component - разные вещи. >This pattern was designed specifically for things like Relay which just pass props straight through. It has since been picked up and _abused_ for other patterns.

кстати, этот реакт-криэйт-апп никак не хочет ставиться глобально

зачем ставить пакет глобально?

зачем ставить пакет глобально?

а как ты его локально поставишь?) это глобальная тулза

а как ты его локально поставишь?) это глобальная тулза

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

И как создать приложение?)

npm i create-react-app && node node_modules/create-react-app/cli app

как то так будет)

Гайз, такая проблема. Сайт партнер подключает мой апп на реакте. Скрипт в кодировке UTF-8, сайт в кодировке той-которую-нельзя-нызывать-в-приличном-обществе. В итоге на сайте вместо православной кириллицы - чертово нечто

Есть способ это обойти, не меняя кодировки ни скрипта, ни сайта?

Может кто сталкивался с подобным?

Гайз, такая проблема. Сайт партнер подключает мой апп на реакте. Скрипт в кодировке UTF-8, сайт в кодировке той-которую-нельзя-нызывать-в-приличном-обществе. В итоге на сайте вместо православной кириллицы - чертово нечто

у тебя в самой странице указано meta charset=utf-8?

у тебя в самой странице указано meta charset=utf-8?

Лол капитан внимательность.

намекаешь на то, что приложение просто через скрипт подключается?)

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

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

Делаешь бэкенд проксю - решено

> Сайт партнер подключает мой апп на реакте апп - это что? скрипт? сайтик в айфрейме?

т.е пилишь свой скрипт который будет обращаться к тому скрипту и возвращать в нормальной кодировке

у тебя в самой странице указано meta charset=utf-8?

Страница не у меня. На странице windows-1251

у тебя скрипт?

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

Разобрался. Ребята должны подключать мой скрипт так <script src="myscript.js" charset="UTF-8"></script>

у тебя скрипт?

Да, они скриптом подключают

Разобрался. Ребята должны подключать мой скрипт так <script src="myscript.js" charset="UTF-8"></script>

Твой сервер должен отдавать твой скрипт принудительно в UTF-8

simple

Твой сервер должен отдавать твой скрипт принудительно в UTF-8

Отдает именно так. Проблема просто только на ИЕ-10, забыл упомянуть. А ведь надо было. Но я немного паниковал, функционал критичен прост

а, опять осла выворачивает

у тебя в самой странице указано meta charset=utf-8?

<script charset="utf-8" src="…" />

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

@iamstarkov =)

тайпскрипт с реактом дружит? нубовопрос такой

тайпскрипт с реактом дружит? нубовопрос такой

дружит

Реакт-вей это конструктор, он со всем дружит=)

tsx

я афигел

o_O

Ребят, а setState не сразу выполняется да?

Что значит не сразу?

он может синхронно, может асинхронно выполниться

Ребят, а setState не сразу выполняется да?

Типа того, если тебе что-то нужно после него выполнить, опираясь на новые данные, можно коллбек заюзать. Не знаю, насколько это good practice, но можешь)

Всем привет. Как в react выбрать только что созданный объект? Добавлять в сторе на событие storeName.ADD флаг isCreated или можно лучше сделать?

Ребят, а setState не сразу выполняется да?

Передавай вторым параметром коллбек, который должен быть выполнен после сетстейт

ок

спасибо, получилось

а в каких случаях может понадобиться колбек при setState?

когда тебе надо сделать что-то, непосредственно после обновления стейта)

не встречали проблему с css-modules-require-hook, что вебпак и он генерировали разные хэши?

а в каких случаях может понадобиться колбек при setState?

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

Не, так сделай чтоб у тебя один раз стили собирались

не встречали проблему с css-modules-require-hook, что вебпак и он генерировали разные хэши?

Не, так сделай чтоб у тебя один раз стили собирались

на тебе куча багов, а ты тут в чатике сидишь*

?

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

А из render() ее вызывать не правильно было бы?

А из render() ее вызывать не правильно было бы?

у меня фильтры, функция фильтрации не вызывается в рендере. Только фильтрует и отдает наверх

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

звучит как архитектурная проблема

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

whatwg-fetch

window fetch?

axios

fetch никросбраузирно

угу, гляну их сейчас. я к fetch полифиллу склонялся

спасибо!

а isomorphic fetch разве не кроссбраузерный?

axios

+ к axios

fetch никросбраузирно

полифилл же

полифилл же

полифилл - кросбраузерно)

Так, а fetch - это стандарт?

да

https://fetch.spec.whatwg.org/

Тогда axios не нужен, хоть и удобно :)

Тогда axios не нужен, хоть и удобно :)

почему не нужен? разные вещи в общем-то fetch это просто promise based xhr а axios библиотека, которая позволяет кучу всего, что кому-то вполне нужно — сериализацию гет-параметров, конфиг для общего запроса, преобразование запроса/ответа и т.д.