Size: a a a

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

2021 January 04

D

DaunPony in React — русскоговорящее сообщество
eden lane
покажи как стили импортируешь
что у тебя? css-modules?
Да, модули.
источник

el

eden lane in React — русскоговорящее сообщество
DaunPony
Да, модули.
попробуй сделать className={styles.acitve}
источник

O

Orian in React — русскоговорящее сообщество
ну так и подключай через styles.active
источник

D

DaunPony in React — русскоговорящее сообщество
Да, спасибо. Работает)
источник

Д

Денис in React — русскоговорящее сообщество
Нормально ли то что CRA не показывает установленные мной пакеты в package.json?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Денис
Нормально ли то что CRA не показывает установленные мной пакеты в package.json?
Нет, да и cra тут не причем
источник

Д

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

Y

YuriZRose in React — русскоговорящее сообщество
Всем привет, что посоветуете, что бы не было такой длинной папки. Как разделять можно еще компоненты
источник

АР

Аркадий Раковский... in React — русскоговорящее сообщество
YuriZRose
Всем привет, что посоветуете, что бы не было такой длинной папки. Как разделять можно еще компоненты
pages/layouts
источник

К

Карамультук... in React — русскоговорящее сообщество
YuriZRose
Всем привет, что посоветуете, что бы не было такой длинной папки. Как разделять можно еще компоненты
привет! Есть несколько подходов. Вот например https://atomicdesign.bradfrost.com/chapter-2/
источник

Y

YuriZRose in React — русскоговорящее сообщество
туда всякие section header?
источник

АР

Аркадий Раковский... in React — русскоговорящее сообщество
YuriZRose
туда всякие section header?
ну, что используется только там, то и группируешь
источник

Y

YuriZRose in React — русскоговорящее сообщество
Аркадий Раковский
ну, что используется только там, то и группируешь
Спасибо
источник

Y

YuriZRose in React — русскоговорящее сообщество
Круто, где то видел похожее. Спасибо попробую заюзать
источник

Y

YuriZRose in React — русскоговорящее сообщество
И еще вопрос, мне сказали юзать JSX расширение для файлов компонент, и аргументировали это подсказками со стороны редактора кода, но я никакой разницы не заметил. Не подскажите что имелось ввиду или это зависит от редактора?
источник

К

Карамультук... in React — русскоговорящее сообщество
YuriZRose
Круто, где то видел похожее. Спасибо попробую заюзать
На здоровье! Только у нас не получилось в итоге на 100 процентов прям идти в соответствии с этим подходом, получилось что-то среднее в итоге как всегда между атомик дизайном и подходом components/pages. Еще, чисто на всякий случай, рекомендую не выносить компонент никуда если он используется только в одном месте, оставляй там где он есть.
источник

К

Карамультук... in React — русскоговорящее сообщество
YuriZRose
И еще вопрос, мне сказали юзать JSX расширение для файлов компонент, и аргументировали это подсказками со стороны редактора кода, но я никакой разницы не заметил. Не подскажите что имелось ввиду или это зависит от редактора?
а какое расширение у тебя до этого было? js?
источник

Y

YuriZRose in React — русскоговорящее сообщество
Карамультук
а какое расширение у тебя до этого было? js?
да
источник

Y

YuriZRose in React — русскоговорящее сообщество
Карамультук
На здоровье! Только у нас не получилось в итоге на 100 процентов прям идти в соответствии с этим подходом, получилось что-то среднее в итоге как всегда между атомик дизайном и подходом components/pages. Еще, чисто на всякий случай, рекомендую не выносить компонент никуда если он используется только в одном месте, оставляй там где он есть.
Насчет одноразового использования я еще подумывал просто сделать для таких вложенную структуру - типо components/ComponentName/components. То есть загнать одноразовые компоненты в место их использования.
источник

R

Ruslana in React — русскоговорящее сообщество
Всем привет, использую react-admin и почему-то если в методе checkAuth  использую функцию, которая меняет стейт, то оно бесконечно вызывается

то есть вот так

 const setDataStore = async () => {
   console.log('setDataStore')
  const [user, ...] = await Promise.all([client.prof(), ...])
   setUser(user)
 }

 checkAuth: async () => {
     console.log('checkAuth')
     return await setDataStore()
   },


и в консоли след:
источник