Size: a a a

React — русскоговорящее сообщество

2020 September 20

Z

Zaff in React — русскоговорящее сообщество
Павел
Спасибо
есть еще пакет size-limit от Ситника, он даже диаграмму всех зависимостей нарисует, подробнее тут https://evilmartians.com/chronicles/size-limit-make-the-web-lighter

+ в новой версии lighthouse появились предупреждения о многовесящих пакетах
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
апаздал?:(
источник

CM

Chingiz Mamiyev in React — русскоговорящее сообщество
Я в nodejs чатике заблокировал его🙂
источник

J

Just in React — русскоговорящее сообщество
Проблема в массиве
источник

НБ

Никита Баранов... in React — русскоговорящее сообщество
Переменуй файл в jsx
источник

K

Kirill in React — русскоговорящее сообщество
тебе же написали, переименуй файл в jsx, ты используешь jsx в расширении .js
источник

A

Antony in React — русскоговорящее сообщество
всем привет. в проекте вместо css использую semantic. если ширина меньше какого то значение то рендериться другой компонент
источник

A

Antony in React — русскоговорящее сообщество
как прописать адаптив
источник

A

Antony in React — русскоговорящее сообщество
всем привет. в проекте вместо css использую semantic-ui.  подскажите как прописать адаптив в js, если ширина меньше какого то значение то рендериться другой компонент
источник

SB

Sergey Bekharsky in React — русскоговорящее сообщество
Antony
всем привет. в проекте вместо css использую semantic-ui.  подскажите как прописать адаптив в js, если ширина меньше какого то значение то рендериться другой компонент
react-mobile-detect
источник

A

Antony in React — русскоговорящее сообщество
Sergey Bekharsky
react-mobile-detect
благодарствую
источник

K

Kirill in React — русскоговорящее сообщество
Antony
благодарствую
либо можешь просто создать отдельный файлик где сам будешь проверять через window.matchMedia ширину экрана (все либы что дают хуки по типу useMedia так проверяют ширину экрана), можешь например чисто этот код скопировать https://github.com/streamich/react-use/blob/master/src/useMedia.ts и им пользоваться, и ненадо тянуть доп либ
источник

A

Antony in React — русскоговорящее сообщество
Kirill
либо можешь просто создать отдельный файлик где сам будешь проверять через window.matchMedia ширину экрана (все либы что дают хуки по типу useMedia так проверяют ширину экрана), можешь например чисто этот код скопировать https://github.com/streamich/react-use/blob/master/src/useMedia.ts и им пользоваться, и ненадо тянуть доп либ
спасибо
источник

A

Antony in React — русскоговорящее сообщество
Kirill
либо можешь просто создать отдельный файлик где сам будешь проверять через window.matchMedia ширину экрана (все либы что дают хуки по типу useMedia так проверяют ширину экрана), можешь например чисто этот код скопировать https://github.com/streamich/react-use/blob/master/src/useMedia.ts и им пользоваться, и ненадо тянуть доп либ
import { isClient } from './util'; подскажите , это зачем?
источник

ei

export default - зло... in React — русскоговорящее сообщество
Antony
import { isClient } from './util'; подскажите , это зачем?
сср
источник

K

Kurt in React — русскоговорящее сообщество
Antony
import { isClient } from './util'; подскажите , это зачем?
Видимо проверка на ssr
источник

A

Antony in React — русскоговорящее сообщество
jr
источник

A

Antony in React — русскоговорящее сообщество
👌
источник

K

Kirill in React — русскоговорящее сообщество
Antony
import { isClient } from './util'; подскажите , это зачем?
export const isClient = typeof window === 'object';  да, как уже выше написали для ssr, чисто одна строчка
источник

A

Antony in React — русскоговорящее сообщество
ок
источник