Max [RED Group x htmllessons]

Основные советы по коду которые были пойманы на стриме, специально для ТГ канала. СТАВЬ РЕАКЦИЮ - Вынос в отдельные файлы и папки и переиспользование типы, интерфейсы, константы, массивы данных и util fn. - ?Для лучшей чит. I или T в начале int,type - ?Ангуляр наимен. файлов не компонентов - (ISP SOLID) Не дублируем поля для типизации, если есть готовая сущность либо берем полностью, либо Pick, Omit --- - Наименование компонентов PascaleCase - Статичные данные не пишем внутри компонента (рендера) - Condition в классах часто проще взять cn() - Если клиент. состсояние ужасно громостское и ты имеешь бесконечные пропсы, то бери zustand (альт.) - Данные не должны мешать читать вам код --- - Переход на tanstack query для оптимизации async стейт менеджмента --- - Условная createPhotoFromFile не может быть внутри gallery-store zustand - Иногда лучше к булеан привести {!!lightbox && ( чтобы избежать 1,0 в дизайне - Такие штуки 'left' | 'right' в union types - Файл не более 100-150 строк колда не более, далее декомпозиция и рефакторинг - Shallow effect const spread = useGalleryStore(state => state.settings.spread) const {} = useGalleryStore() --- - ?boolen переменные в начале is/has - Не ограничивать терменологией себя, мы не знаем куда проект пойдет дальше это плохо const [persianMeaning, setPersianMeaning] = useState("") const [englishMeaning, setEnglishMeaning] = useState("") - для тоаст лучше react-hot-toast/sonner - если у вас больше 1го поля форма юзайте react-hook-form и еще выше лучше доабвить ZOD для валидации - Если map, и большо дочерний компонент выносим его в отедльный комп. типо - Запрос к бэку выполнять в отд. хук или функции и в компоненте только вызываем