я не комитил((

плохо

вот будет урок

попробуй и почувствуй разницу

Че-то опять туплю: Собираю проект с зависимостью core-js, указав "useBuiltIns": false (да и любое другое значение) - бандл становится жирным. Как только выпиливаю нах№% из зависимостей - бандл становится нормальным, но в обоих случаях в консоле вижу сообщение про core-js.

попробуй и почувствуй разницу

попробуй и почувствуй разницу

а среде раздаботки тоже не откатывает

Подскажите, у меня есть элемент. При событии он должен пропасть со страницы, а его копия должна вывестись в другом месте. Как мне отрендерить это?

Через e.target?

ещё зелённый

Пацыки, такой вопрос. Делаю сейчас превью изображений по кнопке добавить, и этих изображений у меня может быть много, а в классе File зацепиться не за что, чтобы это было key у компонента. Как быть? Индекс оставлять? p.s. Одна картинка может быть вставлена несколько раз

Пацыки, такой вопрос. Делаю сейчас превью изображений по кнопке добавить, и этих изображений у меня может быть много, а в классе File зацепиться не за что, чтобы это было key у компонента. Как быть? Индекс оставлять? p.s. Одна картинка может быть вставлена несколько раз

uuid

uuid

а на сколько это норм?

а на сколько это норм?

Ну если бэк не присылает idшки, то норм Вообще индексы бы покатили если бы список был статичный, т.е. если элементы не менялись бы местами и не добавлялись/удалялись

a = [{«qty":"0.00928100"}] parseFloat (a[0][«qty»])

походу я где то туплю...

сорян чувак

я дума ты понял

a[0] - это номер элемента в масиве

0-1-3

Ну если бэк не присылает idшки, то норм Вообще индексы бы покатили если бы список был статичный, т.е. если элементы не менялись бы местами и не добавлялись/удалялись

да не, бэк не причем. файлы добавляются с фронта. Файлы добавляются/удаляются и если картинка весит ~2-3мб, то прям при удалении видно как она перерисовывается

a[0] - это номер элемента в масиве

это я как раз понял )

мне просто интересно, на сколько норм тащить либы такого формата - uuid. Как сильно они влияют на производительность?

мне просто интересно, на сколько норм тащить либы такого формата - uuid. Как сильно они влияют на производительность?

Никак не влияют, даже если генерить их прям в рендере, если у тебя список не супер большой На генерацию 900 uuid через node-uuid уходит примерно одна тысячная секунды

Никак не влияют, даже если генерить их прям в рендере, если у тебя список не супер большой На генерацию 900 uuid через node-uuid уходит примерно одна тысячная секунды

ну да, в рендере и придется это генерить. Окей, спасибо, заюзаю)

мне просто интересно, на сколько норм тащить либы такого формата - uuid. Как сильно они влияют на производительность?

nanoid можно ещё

ну да, в рендере и придется это генерить. Окей, спасибо, заюзаю)

Почему?) Можно и в стейт менеджере

ну да, в рендере и придется это генерить. Окей, спасибо, заюзаю)

Ну главное не генерировать на каждый рендер

Ну главное не генерировать на каждый рендер

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

мне просто интересно, на сколько норм тащить либы такого формата - uuid. Как сильно они влияют на производительность?

nanoid бери, быстрее и меньше весит

Почему?) Можно и в стейт менеджере

стейт менеджер - это имеется ввиду state компонента?

nanoid бери, быстрее и меньше весит

благодарю

стейт менеджер - это имеется ввиду state компонента?

Получил данные, замапил их с айдишниками, и выводишь уже с готовыми

Т.е. в рендере не генерируй айди

Получил данные, замапил их с айдишниками, и выводишь уже с готовыми

все равно чет не оч понимаю. У меня же там добавление/удаление есть, все равно придется в рендере это делать. Может пример или статью подкинешь, а то я чет не понимаю

Решил проблему с провайдером, mui предоставляет 3 разных источника для ThemeProvider, и makeStyles и ThemeProvider должны быть из одного источника

Киньтесь, пожалуйста, чатиком по Атомику

Киньтесь, пожалуйста, чатиком по Атомику

@atomicdesign

Спасибо

Ребят, а не знаете какой-нибудь сайт или тулзу, куда можно загнать две ссылки (локальную и прод например) и тулза покажет страницы идентичны или тут кнопочка левее. Такое видела на обучающих сайтах, они сравнивают результат с ожидаемой версткой, и вроде в виде отдельной тулзы, но ничего приличного не нагуглила сейчас. Очень надо. Спасибо

Ребят, а не знаете какой-нибудь сайт или тулзу, куда можно загнать две ссылки (локальную и прод например) и тулза покажет страницы идентичны или тут кнопочка левее. Такое видела на обучающих сайтах, они сравнивают результат с ожидаемой версткой, и вроде в виде отдельной тулзы, но ничего приличного не нагуглила сейчас. Очень надо. Спасибо

https://www.chromaticqa.com/

gist.github.com

Или codesandbox.io

Точно, прошу прощения, щас всё переделаю

Всем привет. Решил изучить вот эту библиотеку для тестирования redux-saga: http://redux-saga-test-plan.jeremyfairbank.com/. И есть вопросы. Есть такой пример: https://gist.github.com/psywalker/0d7518552748c817aca889453c4b3f08 1) В какой последовательности вызываются следующие методы, и почему? .provide([ [call(api.fetchUser, 42), fakeUser], [matchers.call.fn(api.fetchPet), fakeDog], ]) .put({ type: 'RECEIVE_USER', payload: { user: fakeUser, pet: fakeDog }, }) .dispatch({ type: 'REQUEST_USER', payload: 42 }) .run(); 2) Вот это [call(api.fetchUser, 42), fakeUser] и [matchers.call.fn(api.fetchPet), fakeDog] одинаковые вещи, просто тут показан разный способ вызова, да? 3) Что означает сам этот массив [call(api.fetchUser, 42), fakeUser], что мы вызываем call(api.fetchUser, 42) и получаем в качестве результата fakeUser, или что?

в mui используя <TabStyled label="Groupes" component={LinkRef} to='/' exact /> как привязать активный таб к урлу?

Делаю ту ду лист, почему при таком подходе не перерендеривается список(этот метод удаляет определенный элемент из массива)? Какой подход стоит использовать?

const LinkRef = forwardRef((props, ref) => <div ref={ref}><NavLink {...props} /></div>);

Делаю ту ду лист, почему при таком подходе не перерендеривается список(этот метод удаляет определенный элемент из массива)? Какой подход стоит использовать?

нельзя мутировать

Делаю ту ду лист, почему при таком подходе не перерендеривается список(этот метод удаляет определенный элемент из массива)? Какой подход стоит использовать?

есть неплохой сайт https://doesitmutate.xyz/splice/

нельзя мутировать

Ах вот оно что, понял.

переделай например на return state.slice(0, -1)

переделай например на return state.slice(0, -1)

Это же все равно мутирование будет

Нет?

s lice

Есть

https://doesitmutate.xyz/slice/ он не мутирует, и аргументы иначе работают

Делаю ту ду лист, почему при таком подходе не перерендеривается список(этот метод удаляет определенный элемент из массива)? Какой подход стоит использовать?

через filter делай

подскажите, в MUI использую компонент <Tab /> <Tab label="Groupes" component={LinkRef} to='/' exact /> const LinkRef = forwardRef((props, ref) => <div ref={ref}><NavLink {...props} /></div>); проблема в том, что активный линк не привязан к урлу то есть если я нахожусь не на главной странице и перезагружаю ее, то активный линк слетает как привязать роут к активному линку в данном случае?

подскажите, в MUI использую компонент <Tab /> <Tab label="Groupes" component={LinkRef} to='/' exact /> const LinkRef = forwardRef((props, ref) => <div ref={ref}><NavLink {...props} /></div>); проблема в том, что активный линк не привязан к урлу то есть если я нахожусь не на главной странице и перезагружаю ее, то активный линк слетает как привязать роут к активному линку в данном случае?

я через href привязывал, в tabs есть такой пропс

я через href привязывал, в tabs есть такой пропс

в доке нет такого

в доке нет такого

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

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

так какое ты значение указывал этому пропсу?

так какое ты значение указывал этому пропсу?

<Tabs value={this.state.value} onChange={this.handleChangeTabs}> {labels.map((label, idx) => <Tab key={idx} href={`#${idx}`} label={label} value={idx} />)} </Tabs>

Топ вопросов сегодняшнего утра: - Зачем писать тесты? - Что лучше, Jest или Enzyme? - Что такое рефы и зачем они нужны?

сделать топ ответов по часто задаваемым вопросам #идея_для_админа

сделать топ ответов по часто задаваемым вопросам #идея_для_админа

их читать никто не будет

на все эти ответы есть стаковерфлоу

<Tabs value={this.state.value} onChange={this.handleChangeTabs}> {labels.map((label, idx) => <Tab key={idx} href={`#${idx}`} label={label} value={idx} />)} </Tabs>

чето не работает все равно

чето не работает все равно

что-то не так делаешь. у меня работает. 3 версия если что

подскажите, в MUI использую компонент <Tab /> <Tab label="Groupes" component={LinkRef} to='/' exact /> const LinkRef = forwardRef((props, ref) => <div ref={ref}><NavLink {...props} /></div>); проблема в том, что активный линк не привязан к урлу то есть если я нахожусь не на главной странице и перезагружаю ее, то активный линк слетает как привязать роут к активному линку в данном случае?

что значит привязать? Tab в MUI это обычный Button у Button есть проп href, который работает если тип кнопки anchor (тэг 'a') если указать href, то при нажатии на таб будет меняться роут

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

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

Ребят ,зачем нужна асинхронная отрисовка компонентов?Точнее где она применяется ?

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

ну я залазил в исходники и где-то в примере нашел, что есть href, а так оч долго копал, пока не нашел

То что я получаю данные с сервера и их отображаю асинхронно с axios

только для этого?

для чего служит lazy load

для чего служит lazy load

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

axios твой не причем

Ребят ,зачем нужна асинхронная отрисовка компонентов?Точнее где она применяется ?

Для любого момента где нужно дождаться чего-либо

ну не аxios ,а thunk