https://www.browserstack.com/

У меня вопрос. У одного из контейнеров есть статик св-во: static someData = window.__data.someData; При прогоне теста (enzyme) у меня возникает ошибка: Cannot read property 'someData' of undefined Как правильно замокать window.__data? global.window = {__data: {someData: 'foo'}}; не работает, при прогоне вылезает, описанная выше, ошибка

Отбой, надо было писать global.__data = {someData: 'foo'};

Зачем ты данные в window пихаешь? Я просто интересуюсь

если только ради тестовой среды, хотя есть много инструментов для этого

Всем привет. Есть страница с чатом, в ней есть компонент с выбором собеседника(select). Подгрузка собеседников осуществляется через rest-api. Скажите насколько целесообразно подключать select к redux? Например: начинаем вводить что-то в инпут селекта, получаем данные с сервера, должны ли эти данные проходить через redux? Стор собеседников присутствует, но что-то есть сомения по поводу того, что нужно гонять эти данные через redux

Зачем ты данные в window пихаешь? Я просто интересуюсь

мы так данные с бека пропихивали в свое время

Это важные данные, они изначально на ноде пишутся в window.data, на клиенте сразу оттуда достаются.

мы так данные с бека пропихивали в свое время

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

Всем привет. Есть страница с чатом, в ней есть компонент с выбором собеседника(select). Подгрузка собеседников осуществляется через rest-api. Скажите насколько целесообразно подключать select к redux? Например: начинаем вводить что-то в инпут селекта, получаем данные с сервера, должны ли эти данные проходить через redux? Стор собеседников присутствует, но что-то есть сомения по поводу того, что нужно гонять эти данные через redux

сделай без редакса сначала надо будет расширить - сделаешь с редаксом

мы так данные с бека пропихивали в свое время

в чем смысл ? рендерить данные в дом ?

в чем смысл ? рендерить данные в дом ?

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

но у нас тогда бекенд на джанге генерил хтмл

например - роли юзера, на них завязано визуальное отображение страниц, например - меню. Реквестом их тянуть - значит рисовать спинер на месте меню.

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

классика легаси-жанра

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

Погоди, а если константы содержат секретную информацию, вы ее тоже в дом кидаете??

например - роли юзера, на них завязано визуальное отображение страниц, например - меню. Реквестом их тянуть - значит рисовать спинер на месте меню.

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

Спинер рисовать, пока они не загрузятся - не ок

Погоди, а если константы содержат секретную информацию, вы ее тоже в дом кидаете??

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

Спинер рисовать, пока они не загрузятся - не ок

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

Погоди, а если константы содержат секретную информацию, вы ее тоже в дом кидаете??

что значит "секретную информацию"?

Спинер рисовать, пока они не загрузятся - не ок

А почему не грузить в самом начале? Пока важны части всего апа не подгрузятся?

не, меню рисуется сразу, контент страницы - пока не загрузятся данные контента

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

Круто, всегда буду так делать))

не, меню рисуется сразу, контент страницы - пока не загрузятся данные контента

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

сделай без редакса сначала надо будет расширить - сделаешь с редаксом

Ну вопрос скорее принципиальный, коллега говорит "Все данные нужно через redux пропускать". На счет всего остального я согласен. Но этот пример как то бомбанул...

что значит "секретную информацию"?

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

Ну вопрос скорее принципиальный, коллега говорит "Все данные нужно через redux пропускать". На счет всего остального я согласен. Но этот пример как то бомбанул...

сделай через контекст АПИ

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

Ну это вопрос требований. У нас были такие требования, так что сделали пробросом данных с бэка. Тем более бэк эти данные перед отрисовкой всеравно получает. Смысл их потом еще раз реквестом тянуть

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

ты сам что-то напридумывал

ты сам что-то напридумывал

Ну я так и подумал, просто удостовериться)

сделай через контекст АПИ

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

Ну это вопрос требований. У нас были такие требования, так что сделали пробросом данных с бэка. Тем более бэк эти данные перед отрисовкой всеравно получает. Смысл их потом еще раз реквестом тянуть

согласен, у нас сейчас нет SSR поэтому лоадер

@syabro подскажи мне про иконки svg. лучше сделать кажду. отдельным компонентом или грзить спрайтом и по ID вставлять ?

без понятия, я с ними не работал

у нас FA

могу подтвердить что с фонтами можно заебаться

Хотите занимательную ситуацию? Юзаем преакт, во первых все страницы - хтмл (роутинг как у SSR, но SPA), значит под каждую страницу делаем свой апп (сюда-же свой стор, редюсеры и так далее), это все дело работает со стилями написанными на scss, который кстати просто космически странно генерирует css (об этом в другой жизни), про организацию кода здесь никто не слышал, реюзабельные компоненыты? Что это такое? Не, не слышали! Говорю, давайте атомик дизайн запилим, будет у вас челая куча классных компонентов, скорость разработка страниц взлетит до небес! На что мне ответили - "Не, эт чет сложна, там дизайнеры не поймут (лол, причем тут дизайнеры?) Ну ладно думаю, вы ж тут хозяева, без проблем. Следующий день, говорю, давайте откажемся от scss и бем методологии и нормально на styled-components хотя-бы делать, чтобы вообще прелестно было. Не, эт не подходит, пушо у нас через три пизды колено пишут приложение на мобайл и юзают styled-components, а там ну у нас же дизайнеры, они не поймут (хоть иди и убивай всех дизайнеров в тиме). Короче, что я из этого понял - если у вас дизайнеры не шарят в атомик дизайн и styled-components - вы не можете использовать эти технологии, дизайнеры же не шарят ??

Уйду в Ракутен или на удаленку, посмеяться-то посмеялся, но вот мне этот код чет вообще не весело поддерживать Я еще психанул и запилил свою маленькую UI либу откуда тяну компоненты для других страниц, может так увидят прелести этой вещи и поймут, что пора бы уже

чет пригорел парень ?

Хотите занимательную ситуацию? Юзаем преакт, во первых все страницы - хтмл (роутинг как у SSR, но SPA), значит под каждую страницу делаем свой апп (сюда-же свой стор, редюсеры и так далее), это все дело работает со стилями написанными на scss, который кстати просто космически странно генерирует css (об этом в другой жизни), про организацию кода здесь никто не слышал, реюзабельные компоненыты? Что это такое? Не, не слышали! Говорю, давайте атомик дизайн запилим, будет у вас челая куча классных компонентов, скорость разработка страниц взлетит до небес! На что мне ответили - "Не, эт чет сложна, там дизайнеры не поймут (лол, причем тут дизайнеры?) Ну ладно думаю, вы ж тут хозяева, без проблем. Следующий день, говорю, давайте откажемся от scss и бем методологии и нормально на styled-components хотя-бы делать, чтобы вообще прелестно было. Не, эт не подходит, пушо у нас через три пизды колено пишут приложение на мобайл и юзают styled-components, а там ну у нас же дизайнеры, они не поймут (хоть иди и убивай всех дизайнеров в тиме). Короче, что я из этого понял - если у вас дизайнеры не шарят в атомик дизайн и styled-components - вы не можете использовать эти технологии, дизайнеры же не шарят ??

Это где такое?

а чо sc еще не умер

Это где такое?

Компания в Токио, якудза

Я думал в Японии топ разработчики...

Я думал в Японии топ разработчики...

Ну знаешь, везде по разному, даже в Японии можно писать говнокод

Компания в Токио, якудза

интересная компания

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

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

webpack bundle analyzer ?

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

Import Cost extention

ERROR: S client not available

спасибо)

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

https://bundlephobia.com/

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

https://hackernoon.com/optimising-your-application-bundle-size-with-webpack-e85b00bab579

Это наверное самая быстрая и самая большая очередь ответов

всем спасибо)

А как же https://www.npmjs.com/package/webpack-bundle-analyzer ?

Не заметил. Выше написали...

А чего макс из чата свалил?

Подскажите, как в RR4 прописать или в path роута? Типа такого: /(one|two|three)

и как это таботать должно?

при разных путях один и тот же компонент X?

при разных путях один и тот же компонент X?

Да.

Я честно не помню, вроде нельзя в path пихать такое.

<Route exact path={['/users', '/users/create']} component={UsersIndex} />

о лол

массив

массив

О, и правда. Что-то в доке не нашел этого. Спасибо!

Пожалуйста

ты если что в исходник прыгай

там все прозрачно

Хотя proptypes ругается. Он там только string ждет.

Короче, вкорячил регекс в итоге.