Рендерить их условным рендерингом используя цифры сетки в js, или можно их просто сразу оба в дом дерево засунуть и просто медиа запросам прятать?

|
shsbsbsbzhz63626227 2022-07-02 22:01:25
Какой-то один неверный
shsbsbsbzhz63626227 2022-07-02 22:01:58
Просто тест из вакансии в джс джобсе. Откликаться не собираюсь, но палить ответы не хотелось 🙂
shsbsbsbzhz63626227 2022-07-02 22:03:59
в 5 вопросе ещё четвёртый вариант scalability, на скрин не попало
Ilya4048 2022-07-02 22:06:03
Похоже мне надо учить redux-saga хз что это я знаю только redux toolkit react redux
Ilya4048 2022-07-02 22:06:16
Ну или туплю
Ilya4048 2022-07-02 22:07:54
ttinbok 2022-07-02 20:18:32

Мне прежний больше нравится

AlexForw 2022-07-02 22:08:24
shsbsbsbzhz63626227 2022-07-02 22:01:14

В 6 скорее всего ошибка

Ilya4048 2022-07-02 22:09:05
AlexForw 2022-07-02 22:08:24
В 6 скорее всего ошибка

Типо импорт можно не сувать?

AlexForw 2022-07-02 22:09:22
С 17 версии реакт не обязательно в каждый компонент импортировать
shsbsbsbzhz63626227 2022-07-02 22:12:31
AlexForw 2022-07-02 22:08:24
В 6 скорее всего ошибка

Неа… тест пишет две ошибки теперь

keijnn 2022-07-02 22:19:05
shsbsbsbzhz63626227 2022-07-02 22:12:31
Неа… тест пишет две ошибки теперь

ну чем смогли тем помогли

shsbsbsbzhz63626227 2022-07-02 22:19:35
Никаких ещё вариантов нет?) Боюсь не переживу, умираю от любопытства
AlexForw 2022-07-02 22:21:51
shsbsbsbzhz63626227 2022-07-02 22:19:35
Никаких ещё вариантов нет?) Боюсь не переживу, умираю от любопытства

Так спроси ответы у создателя теста

mulfyx 2022-07-02 22:22:03
ttinbok 2022-07-02 20:18:32

вскод всё равно красивее

getmehigh0 2022-07-02 22:23:09
ttinbok 2022-07-02 19:53:05
Кто-то ставил уже новый интерфейс в вебшотрме?

новая версия вышла?

Drew Naumenko 2022-07-02 22:27:22
shsbsbsbzhz63626227 2022-07-02 22:03:59
в 5 вопросе ещё четвёртый вариант scalability, на скрин не попало

помоему в 4-ом вопросе всё поддерживается, оно ничего не возвращает , но и ошибку не кидает

Drew Naumenko 2022-07-02 22:28:09
ну вот undefined и что?
shsbsbsbzhz63626227 2022-07-02 22:28:49
Нет, имеется в виду если вы в рендер функции напишете return undefined
shsbsbsbzhz63626227 2022-07-02 22:29:59
точнее если написать просто return undefined. как я понимаю
Drew Naumenko 2022-07-02 22:30:17
и тоже пахает
Drew Naumenko 2022-07-02 22:31:31
ну как всегда в этих тестах 50/50 какието норм вопросы , какие то вообще муть
shsbsbsbzhz63626227 2022-07-02 22:31:44
Сори, с телефона
shsbsbsbzhz63626227 2022-07-02 22:32:08
react_js-1486316.jpg

shsbsbsbzhz63626227 2022-07-02 22:32:08
react_js-1486315.jpg

Drew Naumenko 2022-07-02 22:38:51
shsbsbsbzhz63626227 2022-07-02 22:32:08

ну не знаю

но вопрос все равно гавно кто вообще пишет компонент который возвращает undefined
такого даже в фантастике не было

malSolt99 2022-07-02 22:39:16
Drew Naumenko 2022-07-02 22:38:51
ну не знаю

но вопрос все равно гавно кто вообще пишет компонент который возвращает undefined
такого даже в фантастике не было

в переменной может лежать undefined, который ты рендеришь

shsbsbsbzhz63626227 2022-07-02 22:39:52
Drew Naumenko 2022-07-02 22:38:51
ну не знаю

но вопрос все равно гавно кто вообще пишет компонент который возвращает undefined
такого даже в фантастике не было

Случайно можно. Забыть написать return, забыть компонент экспортнуть. Бывает, в любом случае уверен там правильный вариант указан

Drew Naumenko 2022-07-02 22:42:43
shsbsbsbzhz63626227 2022-07-02 22:39:52
Случайно можно. Забыть написать return, забыть компонент экспортнуть. Бывает, в любом случае уверен там правильный вариант указан

это всё причины , но вот в песочнице тоже самое и нету err , в чём беда?
у меня один компонент мапит другой компонент который ретурнит undefiened

shsbsbsbzhz63626227 2022-07-02 22:43:59
Хороший вопрос. Не знаю
Drew Naumenko 2022-07-02 22:48:47
react_js-1486323.jpg
https://stackoverflow.com/questions/42083181/is-it-possible-to-return-empty-in-react-render-function
не как и писал всё оно суть одна возвращает пустоту, но оно валидное
и ответу этому уже много лет
shsbsbsbzhz63626227 2022-07-02 22:50:01
shsbsbsbzhz63626227 2022-07-02 22:32:08

Почему тут ошибка тогда?

r_yunusov 2022-07-02 22:50:29
shsbsbsbzhz63626227 2022-07-02 22:50:01
Почему тут ошибка тогда?

Мб надо return null?

shsbsbsbzhz63626227 2022-07-02 22:50:57
Не, мы про другое.
shsbsbsbzhz63626227 2022-07-02 22:51:14
Drew Naumenko 2022-07-02 22:48:47
https://stackoverflow.com/questions/42083181/is-it-possible-to-return-empty-in-react-render-function
не как и писал всё оно суть одна возвращает пустоту, но оно валидное
и ответу этому уже много лет

react_js-1486327.jpg
Вот так тогда

andrey_negrusha 2022-07-02 22:56:24
Всем привет. Подскажите плиз как вы делаете. Например у меня сайдбар на мобиле и на десктопе — 2 разных компонента. Рендерить их условным рендерингом используя цифры сетки в js, или можно их просто сразу оба в дом дерево засунуть и просто медиа запросам прятать?
keijnn 2022-07-02 22:58:07
andrey_negrusha 2022-07-02 22:56:24
Всем привет. Подскажите плиз как вы делаете. Например у меня сайдбар на мобиле и на десктопе — 2 разных компонента. Рендерить их условным рендерингом используя цифры сетки в js, или можно их просто сразу оба в дом дерево засунуть и просто медиа запросам прятать?

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

andrey_negrusha 2022-07-02 22:58:32
keijnn 2022-07-02 22:58:07
можно прорять на наличие телефона, и делать отрисовку

Ну у меня по дизайну брейкпоинт — 720

keijnn 2022-07-02 23:00:36
andrey_negrusha 2022-07-02 22:58:32
Ну у меня по дизайну брейкпоинт — 720

https://community.frontity.org/t/render-component-based-on-media-query/4299/4

Render Component Based on Media QueryFrontity Community Forum
Hi all, I’m trying to do what I feel like should be simple. I’ve looked at a few threads but nothing seems to work nicely. I have a <DesktopNav/> and a <MobileNav/> component I want to render when screen size is < 500px and render when screen size is greater than say 768px. The numbers are kind of irrelevant. I was using the useEffect hook and window.matchMedia to do this. Here is the code for my mobile-nav component: import React, { useEffect } from «react»; import { css, connect, useCon…
andrey_negrusha 2022-07-02 23:02:31
keijnn 2022-07-02 23:00:36
https://community.frontity.org/t/render-component-based-on-media-query/4299/4

Так я знаю как сделать это. Вопрос в том что например цифры сетки хранятся в SCSS переменной и было бы правильней просто сделать display:none, но с другой стороны нагружать дом дерево просто так смысла нет

shsbsbsbzhz63626227 2022-07-02 23:03:45
так дисплей none и не будет в дом дереве
Drew Naumenko 2022-07-02 23:06:33
shsbsbsbzhz63626227 2022-07-02 22:51:14
Вот так тогда

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

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

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

andrey_negrusha 2022-07-02 23:11:04
shsbsbsbzhz63626227 2022-07-02 23:03:45
так дисплей none и не будет в дом дереве

Кто сказал?

shsbsbsbzhz63626227 2022-07-02 23:12:04
andrey_negrusha 2022-07-02 23:11:04
Кто сказал?

гугл

Also elements whose display value was assigned to «none» will not appear in the tree (whereas elements with «hidden» visibility will appear in the tree).

andrey_negrusha 2022-07-02 23:12:43
shsbsbsbzhz63626227 2022-07-02 23:12:04
гугл

Also elements whose display value was assigned to «none» will not appear in the tree (whereas elements with «hidden» visibility will appear in the tree).

react_js-1486337.jpg

andrey_negrusha 2022-07-02 23:13:02
tree — это поток
andrey_negrusha 2022-07-02 23:13:12
То есть visibility: hidden — будут занимать место на странице
andrey_negrusha 2022-07-02 23:13:26
А display:none — он будет вне потока, как будто не было
Но в доме — он есть
Mohamed Sanogo 2022-07-02 23:15:11
У меня ошибка импорта, может ли кто-нибудь помочь мне?
Mohamed Sanogo 2022-07-02 23:15:32
react_js-1486342.jpg

Mohamed Sanogo 2022-07-02 23:15:33
react_js-1486343.jpg

|