Дима
next js например не требует этого
Дима
вроде нареканий не возникает
sterioss
Некст сам найдет кастомную jsx прагму?
Дима
её можно задать в бабель плагине, ну, который непосредственно компилирует jsx
Дима
соответственно достаточно лишь автоматически добавлять import {createElement} from "react" во все модули, в которых присутствует jsx код — это пишется довольно элементарно
sterioss
Если Некст смогли сделать конфигурацию, которая позволяет обойтись без импорта, то а чем вообще проблема? Если не хочется писать импорт - конфигурируйте)
Дима
да просто интересно стало, это проблема или никто тупо не задумывается над тем, какое влияние оказывают сотни React.createElement на размер бандла
sterioss
Мне кажется, если бы это было проблемой, то её бы уже заметили
sterioss
Хотя это фронтэнд, тут могли и забитт
Sm•ok
Всем привет. Пытаюсь анимировать scale у react-beautiful-dnd и возникают проблемы. Делал кто такое ?
Sm•ok
При onDragging уменьшаю его scale
Дима
сейчас проверю на своих проектах, насколько это повлияет на размер бандла
Bogdan
useEffect отрабатывает после рендера? или баг у меня сейчас рендерится компонент потом выполняется ефект
Bogdan
Код в студию
вот условие тут происходит рендер потому проверяет условие и выполняет его, тоесть уже после рендера
Bogdan
консоль кинул, даже 3 раза вылезло
Bogdan
Код в студию
возможно, потому что запрос еще не сделал, и isLoading меняю прямо в компоненте и происходит перерендер, но useEffect отрабатывает уже после рендера
arthur
и что тут не так
arthur
у тебя в конструкторе data = {}
Дима
Это флоу надо? А просто импортнуть криейт элемент нельзя?
дико выглядит?) это обычный es import, флоу тут вообще не при делах
Дима
Сча проверил rollup нормально делает остается только createElement а не React.createElement
ну роллап же не шарит в импортах реакта, поэтому ты явно указываешь в commonjs плагине что у реакта существует createElement
Дима
кстати а юзаешь как, через дефолтный импорт?
Dmitriy
дико выглядит?) это обычный es import, флоу тут вообще не при делах
Я у совы спросил чего через звёздочку импортит, он ответил ради флоу
Дима
Я у совы спросил чего через звёздочку импортит, он ответил ради флоу
флоу не поддерживает инициативу реакта юзать дефолт и поэтому типы реакта доступны только в самом модуле, но не в дефолтном объекте
Bogdan
так у тебя стоит if
я понимаю, после рендера выполняется, я тут лоадинг меняю и видно, как сначала норм, потом только спинер, ну я понимаю просто из глобального стора лоадинг нужен
Дима
ни в хорошем ни в, как сейчас, в плохом))
Bogdan
Просто лоадинг должен иметь начальный тру
ну да, но тут форма, типо при создании записи мне не нужен запрос, при редактировании нужен
Bogdan
Просто лоадинг должен иметь начальный тру
и при редактировании запрос на получение текущей записи, и ее в стор ложу, вроде работает, только один прям дикий косяк, с ts упадет все, при добавлении полей
Дима
попробуй не ложить а класть 🌚
Sm•ok
Точнее не так его понял
Bogdan
вот есть добавление поля в табы, но тогда в консоли ошибка, потому что value - indefined, но если вводить что то в инпут, то все норм становится
Bogdan
вот такая кнопка на каждом табе, делать каждому табу свой обработчик добавления что ли?
Sm•ok
Залей лучше код в песочницу
Bogdan
Залей лучше код в песочницу
https://codesandbox.io/s/white-lake-46828
Eugene
Господа, кто юзал react spring с хуками?
Sm•ok
Офигеть
Sm•ok
А зачем ты вынес все в разные организмы/молекулы
Sm•ok
когда это все одинаковое
Vladyslav 🍉
Можно вопрос, может глупый, но я хз, как загрузить json файл локально, ну то есть сделать доступным, через js без библиотек, я загуглил и там код, но в консоли выдаёт ошибку, что запрашиваю локально, а не сервера
Bogdan
Sm•ok
не легче ли сделать что-то, что пример пропсы и отрендерит
Sm•ok
У тебя каждый таб это отдельный организм ?
Bogdan
У тебя каждый таб это отдельный организм ?
да, потому что они будут абсолютно разными
Sm•ok
но изменяется там только title и input
Sm•ok
А в чем собственно проблема кстати ?)
Sm•ok
Вроде все пашет
Дима
quick sort
Bogdan
но изменяется там только title и input
нажми кнопку добавить еще
Sm•ok
Нажал
Bogdan
и в консоль глянь
Bogdan
Нажал
пока не знаю как сделать лучше, но каждый таб это организм и выйдет, потому что они могут быть абсолютно разными, можно конечно сделать один компонент, пробовать пропсами передавать массив полей, но как то хз даже как лучше
Bogdan
render render..
ошибка вылазит, типо неконтролируемый ввод
Sm•ok
А, так ты же не просил вводить в инпуты
Sm•ok
Ты значения инпутов должен хранить в стейте
Sm•ok
чтобы не было такой ошибки
Sm•ok
реагировать на onchange
Bogdan
так я то пустой обьект добавляю по нажатию
Bogdan
Если ничего кроме title и еще чего-то не отличается, то стоит задуматься
там табы будут с абсолютно разной логикой, это я для примера еще и назвал одинаково, но в реальности там у некоторых будут календари, дроп менюхи всякие, некоторым нужно добовлять что то, некоторым нет
Sm•ok
<input placeholder="язык" value={item.title} onChange={onChangeField(`language.${index}.title`)} />
Sm•ok
Твой кусок кода
Sm•ok
А почему ты вызываешь сразу функцию ?
Sm•ok
Или я что-то не понял
Bogdan
а хз, может ошибся, но работает, ща глянуть нужно
Bogdan
если сразу не вызвать, не пашет что то
Sm•ok
а что должен делать инпут ?