S
Реакт не фреймворк и не ограничивает архитектурой
Size: a a a
2020 September 14
S
Но есть бестпрактисы
DK
Но есть бестпрактисы
Я тоже зря докопался , ща скрин полностью увидел, это лоадер просто в такой же обертке :)
S
Я тоже так делаю
Но чутка иначе
const Component = () => {
const loaderView = loading && (
jsx
);
const defaultView = !loading && jsx
return (
<>
{loadingView}
{defaultView}
</>
)
}
Но чутка иначе
const Component = () => {
const loaderView = loading && (
jsx
);
const defaultView = !loading && jsx
return (
<>
{loadingView}
{defaultView}
</>
)
}
S
Часто бывает карточка имеет вид обычный и скелетон
DK
Я тоже так делаю
Но чутка иначе
const Component = () => {
const loaderView = loading && (
jsx
);
const defaultView = !loading && jsx
return (
<>
{loadingView}
{defaultView}
</>
)
}
Но чутка иначе
const Component = () => {
const loaderView = loading && (
jsx
);
const defaultView = !loading && jsx
return (
<>
{loadingView}
{defaultView}
</>
)
}
Я так делал обычно isLoading?<Loader/> : <Component/>
S
Мне не нравится что много кода
S
В ис лоадинг может быть 20 строк
S
Потом можно запутаться где кончается тернарка
DK
Нет, isLoading это бул константа
S
Я так делал обычно isLoading?<Loader/> : <Component/>
Это на случай если там не много кода только юзаю
S
Нет, isLoading это бул константа
Я про вёрстку
S
Внутри нее может быть жсикс большой
DK
Внутри нее может быть жсикс большой
Разносить по компонентам
S
Это один компонент
S
Разные состояния просто
S
Загрузчик в виде скелетона к примеру
S
У меня он обычно в константе загрузчика стоит
А обычный вид карты в обычном виде
А обычный вид карты в обычном виде
S
Condition ? (
JSX
JSX
JSX
JSX
JSX
JSX
JSX
) : (
JSX
)
JSX
JSX
JSX
JSX
JSX
JSX
JSX
) : (
JSX
)
S
Чтобы такое не наблюдать