Как эскпортируешь из файла с компонентом?

|
Spinop 2022-06-30 20:34:39
Spinop 2022-06-30 20:34:13
Серверная часть — это php

Реагировать на интерфейс

stanispos 2022-06-30 20:34:44
Spinop 2022-06-30 20:34:13
Серверная часть — это php

https://github.com/spatie/image-optimizer

GitHub — spatie/image-optimizer: Easily optimize images using PHPGitHub
Easily optimize images using PHP. Contribute to spatie/image-optimizer development by creating an account on GitHub.
nikita17cm 2022-06-30 20:35:26
react_js-1484856.jpg
сталкивался кто? Если написать
export { ConfirmForm as ConfirmForm } from ‘./ConfirmForm’
или изменить название файла, то все ок. Мне кажется это какой то кеш вебпака шалит.
Spinop 2022-06-30 20:36:30
stanispos 2022-06-30 20:34:44
https://github.com/spatie/image-optimizer

Спасибо

stanispos 2022-06-30 20:36:31
nikita17cm 2022-06-30 20:35:26
сталкивался кто? Если написать
export { ConfirmForm as ConfirmForm } from ‘./ConfirmForm’
или изменить название файла, то все ок. Мне кажется это какой то кеш вебпака шалит.

как эскпортируешь из файла с компонентом?

nikita17cm 2022-06-30 20:36:46
stanispos 2022-06-30 20:36:31
как эскпортируешь из файла с компонентом?

export const …

labeg 2022-06-30 20:36:46
stanispos 2022-06-30 20:34:44
https://github.com/spatie/image-optimizer

эТОТ ЛУЧШЕ =)
https://github.com/MobileTeleSystems/image-optimize

GitHub — MobileTeleSystems/image-optimize: Image optimization microservice for web request.GitHub
Image optimization microservice for web request. Contribute to MobileTeleSystems/image-optimize development by creating an account on GitHub.
nikita17cm 2022-06-30 20:37:23
stanispos 2022-06-30 20:36:31
как эскпортируешь из файла с компонентом?

react_js-1484861.jpg
при чем само приложение работает, если закрыть это окошко

stanispos 2022-06-30 20:37:27
labeg 2022-06-30 20:36:46
эТОТ ЛУЧШЕ =)
https://github.com/MobileTeleSystems/image-optimize

я в php не силён)

stanispos 2022-06-30 20:37:42
nikita17cm 2022-06-30 20:36:46
export const …

скинь скрином

labeg 2022-06-30 20:37:48
наш на жабаскрипте )
labeg 2022-06-30 20:38:08
и можно запускать как сервис )
nikita17cm 2022-06-30 20:38:13
stanispos 2022-06-30 20:37:42
скинь скрином

react_js-1484866.jpg

stanispos 2022-06-30 20:39:38
nikita17cm 2022-06-30 20:38:13

вообще с таким не сталкивался, но обычно экспоритрую компонент через default и реэкспортирую типа export {default as ComponentName} from ‘./path/to/component’

nikita17cm 2022-06-30 20:40:32
react_js-1484868.jpg
Структура следующая. Если изменить название папки корневой, то тоже все ок
nikita17cm 2022-06-30 20:41:04
stanispos 2022-06-30 20:39:38
вообще с таким не сталкивался, но обычно экспоритрую компонент через default и реэкспортирую типа export {default as ComponentName} from ‘./path/to/component’

я default стараюсь не использовать

stanispos 2022-06-30 20:41:26
nikita17cm 2022-06-30 20:41:04
я default стараюсь не использовать

почему?

stanispos 2022-06-30 20:41:37
а если надо в React.memo() обернуть?
nikita17cm 2022-06-30 20:41:47
много от кого слышал, что потом сложно будет отследить ошибки и тд
nikita17cm 2022-06-30 20:42:15
stanispos 2022-06-30 20:41:37
а если надо в React.memo() обернуть?

react_js-1484873.jpg

mulfyx 2022-06-30 20:42:20
nikita17cm 2022-06-30 20:35:26
сталкивался кто? Если написать
export { ConfirmForm as ConfirmForm } from ‘./ConfirmForm’
или изменить название файла, то все ок. Мне кажется это какой то кеш вебпака шалит.

а импортируешь как

stanispos 2022-06-30 20:42:32
nikita17cm 2022-06-30 20:41:47
много от кого слышал, что потом сложно будет отследить ошибки и тд

все верно, но это если импоритруешь по умолчанию дефолтный экспорт. Через реэспорт всё нормально будет

nikita17cm 2022-06-30 20:42:46
stanispos 2022-06-30 20:42:32
все верно, но это если импоритруешь по умолчанию дефолтный экспорт. Через реэспорт всё нормально будет

а, вот оно как

nikita17cm 2022-06-30 20:43:08
mulfyx 2022-06-30 20:42:20
а импортируешь как

react_js-1484877.jpg

stanispos 2022-06-30 20:44:17
nikita17cm 2022-06-30 20:42:15

не стоит портить инициализацию кмопонента, можно написать вот так const Component: React.FC<Props> = (props) => {} и экспортировать его обернутым в memo export default React.memo(Component)

stanispos 2022-06-30 20:44:30
и далее реэкспорт
mulfyx 2022-06-30 20:44:44
stanispos 2022-06-30 20:44:17
не стоит портить инициализацию кмопонента, можно написать вот так const Component: React.FC<Props> = (props) => {} и экспортировать его обернутым в memo export default React.memo(Component)

норм код, чё доебался

stanispos 2022-06-30 20:44:45
nikita17cm 2022-06-30 20:43:08

импорт не оттуда, нужно импортировать из файла где реэкспорт производишь

nikita17cm 2022-06-30 20:45:11
stanispos 2022-06-30 20:44:17
не стоит портить инициализацию кмопонента, можно написать вот так const Component: React.FC<Props> = (props) => {} и экспортировать его обернутым в memo export default React.memo(Component)

ну это вкусовщина уже. Мне так проще. Когда сразу видно обернут ли компонент в memo или нет

nikita17cm 2022-06-30 20:45:25
stanispos 2022-06-30 20:44:45
импорт не оттуда, нужно импортировать из файла где реэкспорт производишь

я от туда и импортирую.

stanispos 2022-06-30 20:45:27
mulfyx 2022-06-30 20:44:44
норм код, чё доебался

ну если ты так пишешь, то ок, норм код

Dmitry_Bondarenko 2022-06-30 20:45:56
nikita17cm 2022-06-30 20:45:11
ну это вкусовщина уже. Мне так проще. Когда сразу видно обернут ли компонент в memo или нет

Да мне кажется все так и делают, я лично так делаю)

mulfyx 2022-06-30 20:46:03
stanispos 2022-06-30 20:45:27
ну если ты так пишешь, то ок, норм код

ну если для тебя export default это норм то ну ок)

nikita17cm 2022-06-30 20:47:19
nikita17cm 2022-06-30 20:35:26
сталкивался кто? Если написать
export { ConfirmForm as ConfirmForm } from ‘./ConfirmForm’
или изменить название файла, то все ок. Мне кажется это какой то кеш вебпака шалит.

попытался воссоздать эту же ситуацию отдельно, но не получается) Так что это видимо кеш какой нить

nikita17cm 2022-06-30 20:47:29
ток как его отчистить и где, уже другой вопрос
stanispos 2022-06-30 20:47:32
mulfyx 2022-06-30 20:46:03
ну если для тебя export default это норм то ну ок)

ну вообще-то я выше написал проблемы с дефолтным экспортом

nikita17cm 2022-06-30 20:48:44
stanispos 2022-06-30 20:47:32
ну вообще-то я выше написал проблемы с дефолтным экспортом

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

NorioTan 2022-06-30 20:49:23
stanispos 2022-06-30 20:39:38
вообще с таким не сталкивался, но обычно экспоритрую компонент через default и реэкспортирую типа export {default as ComponentName} from ‘./path/to/component’

а почему бы сразу не экспорить без дефолта? Зачем такие манипуляции?

nikita17cm 2022-06-30 20:50:24
NorioTan 2022-06-30 20:49:23
а почему бы сразу не экспорить без дефолта? Зачем такие манипуляции?

он же обьяснил. Что бы отделить memo от основного кода. Чтоб чисто обернуть одну переменную а не весь компонент

stanispos 2022-06-30 20:50:48
NorioTan 2022-06-30 20:49:23
а почему бы сразу не экспорить без дефолта? Зачем такие манипуляции?

чтобы не писать компоненту доп обертки типа const Component = memo(() => {})

mulfyx 2022-06-30 20:52:07
nikita17cm 2022-06-30 20:50:24
он же обьяснил. Что бы отделить memo от основного кода. Чтоб чисто обернуть одну переменную а не весь компонент

а что мешает сделать условно

const SelectComponent = () => {};

export const Select = React.memo(SelectComponent);

NorioTan 2022-06-30 20:52:09
const UnmemoComp … export const Comp = React.memo()
NorioTan 2022-06-30 20:52:21
mulfyx 2022-06-30 20:52:07
а что мешает сделать условно

const SelectComponent = () => {};

export const Select = React.memo(SelectComponent);

опередил)

stanispos 2022-06-30 20:52:30
mulfyx 2022-06-30 20:52:07
а что мешает сделать условно

const SelectComponent = () => {};

export const Select = React.memo(SelectComponent);

ну если это красиво, то ок

mulfyx 2022-06-30 20:52:42
чё вы этот убогий default пытаетесь прикрутить, он вообще должен юзаться в крайних случаях, где какой-либо файл импортируется не человеком а скриптом
nikita17cm 2022-06-30 20:52:51
mulfyx 2022-06-30 20:52:07
а что мешает сделать условно

const SelectComponent = () => {};

export const Select = React.memo(SelectComponent);

2 одинаковых имени

mulfyx 2022-06-30 20:52:58
stanispos 2022-06-30 20:52:30
ну если это красиво, то ок

ну default-то куда красивее и приятнее 🥰

mulfyx 2022-06-30 20:53:08
nikita17cm 2022-06-30 20:52:51
2 одинаковых имени

где 2 одинаковых имени ты видишь?

nikita17cm 2022-06-30 20:53:13
а ой, да
stanispos 2022-06-30 20:53:18
mulfyx 2022-06-30 20:52:42
чё вы этот убогий default пытаетесь прикрутить, он вообще должен юзаться в крайних случаях, где какой-либо файл импортируется не человеком а скриптом

поясни

|