Сука а что такое ничего?

ибо меня за undefined webpack шлёт нахер

Звучит как ты делаешь какую-то херню

Вебпак работает отлично с андефайндом в тернарках

ибо меня за undefined webpack шлёт нахер

попробуй void 0

Если речь о jsx -- то null возвращай вместо компонента

!isDev ? new MiniCssExtractPlugin() : undefined

вот код

если что это в конфиге

в плагинах

там ведь надо пушить плагины 🧐

(да, я знаю что я делаю полную херню и надо бы использовать webpack-merge, но он не работает так как мне надо)

там ведь надо пушить плагины 🧐

понятно тогда

ребят хелп, при снятии чека , я ставлю undefined в объекте у того элемента у которого снял чек. первый раз кликаю, в стейт записывается объект с имя:значение, снимаю чек, у него же, в стейт записывается все то же самое только на кликнутый чекбокс ставится undefined , в стейте все остается кроме этого инпута. Все как и задумано, но! при повторном клике на этот же чек, в стейт уже ничего не пишется, в чем дело?

!isDev ? new MiniCssExtractPlugin() : undefined

Покажи окрестности

Покажи окрестности

plugins: [ new HtmlWebpackPlugin({ template: "./src/index.html" }), new MonacoEditorWebpackPlugin({ languages: ["xml"], features: [] }), !isDev ? new MiniCssExtractPlugin(): undefined, !isDev ? new TerserWebpackPlugin() : undefined, new CleanWebpackPlugin() ]

Ну так у тебя в массиве андефайнд

Сделай [...()]

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

plugins: [ new HtmlWebpackPlugin({ template: "./src/index.html" }), new MonacoEditorWebpackPlugin({ languages: ["xml"], features: [] }), !isDev ? new MiniCssExtractPlugin(): undefined, !isDev ? new TerserWebpackPlugin() : undefined, new CleanWebpackPlugin() ]

как вариант: { plugins: [ new HtmlWebpackPlugin({ template: "./src/index.html" }), new MonacoEditorWebpackPlugin({ languages: ["xml"], features: [] }), ...( !isDev ? [ new MiniCssExtractPlugin(), new TerserWebpackPlugin() ] : [] ), new CleanWebpackPlugin() ] }

И научись вопросы задавать )))

спасибо большое

теперь оно работает

:D

Господа, а тут кто-нибудь имел дело с построением виртуальной fs для Реакт-проекта? Задача такая: юзер пишет проект в онлайн-редакторе, все это дело попадает в indexedDB через BrowserFS. Дальше другой компонент берет эту инфу из indexedDB, строит из нее виртуальную фс/дерево с папками/файлами чтобы структура сохранилась! То есть чтобы "import MyComponent from "./MyComponent.js, например, работал. Насколько я понимаю, это было можно с FileSystem API от Гугла, но она заброшена. Причина - чтоб без бандлинга ) ES модули попробовать. На файл из indexedDB ссылаться не выйдет. Может, пакет какой 🤔

Всем привет. кто пользуеться ? <React.StrictMode> есть ли смысл ?

как изменить направление скрола используя реф? написал это const wheelAction = (e) => { e.preventDefault(); if (wheelEl.current.scrollLeft > scrollPos) { wheelEl.current.scrollLeft -= 50; } else { wheelEl.current.scrollRight += 50; } scrollPos = wheelEl.current.scrollLeft; }; не работает

как изменить направление скрола используя реф? написал это const wheelAction = (e) => { e.preventDefault(); if (wheelEl.current.scrollLeft > scrollPos) { wheelEl.current.scrollLeft -= 50; } else { wheelEl.current.scrollRight += 50; } scrollPos = wheelEl.current.scrollLeft; }; не работает

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

Всем привет

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

как это можно сделать?

если конкретней, то есть main и его нужно получать с сервака

как изменить направление скрола используя реф? написал это const wheelAction = (e) => { e.preventDefault(); if (wheelEl.current.scrollLeft > scrollPos) { wheelEl.current.scrollLeft -= 50; } else { wheelEl.current.scrollRight += 50; } scrollPos = wheelEl.current.scrollLeft; }; не работает

свойства scrollRight не существует же вроде

пока не пойму как мне обычный хтмл впихнуть в jsx

пока не пойму как мне обычный хтмл впихнуть в jsx

Сохронив в переменную и отрисовать ее в рендере

пока не пойму как мне обычный хтмл впихнуть в jsx

https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

свойства scrollRight не существует же вроде

const wheelAction = (e) => { e.preventDefault(); if (wheelEl.current.scrollLeft < scrollPos) { wheelEl.current.scrollLeft -= 50; } else { wheelEl.current.scrollLeft += 50; } setScrollPos(wheelEl.current.scrollLeft); }; да, не существует, ошибся. вот с таким кодом он никогда не попадает в первый блок. и скролится только влево. и не всегда.

Всем привет. кто пользуеться ? <React.StrictMode> есть ли смысл ?

Ну ребят, скажите что думаете ?

https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

Работает, спасибо большое. Но как я понял, такой метод лучше не использовать?

то есть в принципе такое добавление статики не есть хорошо?

то есть в принципе такое добавление статики не есть хорошо?

Если вы её контролируете, а не пользователи, то норм

@itsjohncena

const wheelAction = (e) => { e.preventDefault(); if (wheelEl.current.scrollLeft < scrollPos) { wheelEl.current.scrollLeft -= 50; } else { wheelEl.current.scrollLeft += 50; } setScrollPos(wheelEl.current.scrollLeft); }; да, не существует, ошибся. вот с таким кодом он никогда не попадает в первый блок. и скролится только влево. и не всегда.

А в стейте зачем scrollPos храните? Он асинхронно обновляется

А в стейте зачем scrollPos храните? Он асинхронно обновляется

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

вилка маловата, вот и ищется тяжело

Какая реальная?

знакомый джун с опытом в год ушел в райф на 155к

вот и думай)

(это без знаний ноды, работая только реакт + редакс + санк, без тестов и прочего)

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

Без контекста не очень понятно что вы хотите получить в итоге. Скиньте код полный, желательно скриншотом(через https://carbon.now.sh/ можно сделать)

Без контекста не очень понятно что вы хотите получить в итоге. Скиньте код полный, желательно скриншотом(через https://carbon.now.sh/ можно сделать)

я хочу инвертировать скрол (будто зажат шифт) на одном элементе

я хочу инвертировать скрол (будто зажат шифт) на одном элементе

шифт инвертирует скролл?? оО

шифт инвертирует скролл?? оО

скрол влево.

я хочу инвертировать скрол (будто зажат шифт) на одном элементе

scrollPos попробуйте хранить в переменной простой(за функцией в замыкании) или рефе и обновлять синхронно

Я бы с большим интересом послушал как люди в серьёзном софте используют реактивность в общем и обсерваблы в частности. Там же поведение при исключении, иногда, совсем не очевидное

Тема для доклада ))) а то 100500 митапов про GraphQL, Hooks, а про перформанс и реалии редко.

Тема для доклада ))) а то 100500 митапов про GraphQL, Hooks, а про перформанс и реалии редко.

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

я хочу инвертировать скрол (будто зажат шифт) на одном элементе

Ну и preventDefault на колесо надо, чтобы он scroll ивент не баблил

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

А я про все. Про реальные плюсы и проблемы больших проектов. А то при старте радостно берём технологию, а потом также радостно переписываем потому что она трещит при объемах.

Привет. Ктонить rollup юзает вместо webpack на продакшене?

Привет. Ктонить rollup юзает вместо webpack на продакшене?

я юзаю, доволен

я юзаю, доволен

Лив релоад для реакта не пробовали?

Лив релоад для реакта не пробовали?

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

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

Почему не cra? Где все эти вопросы за вас решаются?

Почему не cra? Где все эти вопросы за вас решаются?

как раз cra в дев-режиме

А что такое cra?

create react app

Аа, а я его вообще не ставил. Но кстати в дев режиме rollup пока вроде быстро собирает. Или это пока мало всего написано?

это дело вкуса

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

Ну хз, насколько вкуса. Билдит rollup поинтереснее. Даже с тайпскриптом норм. Но это когда я свой пакет делал. А вот для полноценного проекта хз.

пытался написать тесты с использованием react-test-renderer а в качестве надстройки над проектом - create-react-app, не понимаю почему ошибка сыпется на функциональной компоненте

кто как тестирует приложение в create-react-app?

как ни странно гугл ничего не дал

пытался написать тесты с использованием react-test-renderer а в качестве надстройки над проектом - create-react-app, не понимаю почему ошибка сыпется на функциональной компоненте

Так а ошибка какая?

я по памяти точно не скажу, ругался на символ

будто бабель не подтягивается

как затригерить нажатие shift? wheelEl.current.dispatchEvent(new KeyboardEvent('keydown', { key: 'Shift' })); это не работает.

как затригерить нажатие shift? wheelEl.current.dispatchEvent(new KeyboardEvent('keydown', { key: 'Shift' })); это не работает.

keyCode=16

keyCode=16

wheelEl.current.dispatchEvent(new KeyboardEvent('keydown', { key: 'Shift', keyCode: 16, })); так? если так, то не работает

wheelEl.current.dispatchEvent(new KeyboardEvent('keydown', { key: '16' }));