есть БЭМ, html тоже свои правила хорошего тона как оформлять. А как правильно оформлять app? Где лучше стили писать и как? Подскажет где копать?
Со старта хотел бы правильно код оформлять. И структуру файлов делать правильно. Спасибо
прямо в файле компонента
В react native стили не каскадные, поэтому стили можно писать к компоненту. Лучше не инлайнить, чтобы потом не разбираться со скоростью рендеринга в длинных списках Важно, на мой взгляд, - определить шаг сетки и не хардкодить отступы - правильно определить палитру и не хардкодить цвета. Приавильная палитра - семантическая, что бы цвета были вроде contentOnBackground, - также и с типографикой - определить стили отдельно
Я понимаю что можно делать в компоненте. Но если компонентов 20 и они похожи, то не лучше будет сделать где то стиль и подключать его в компоненте? Чтоб уменьшить код и соотвнтственно размер app? Есть литература как хороших практик?
для каждой ситуации можно сочинить разный подход но в основном тебе просто нужно задать согласно макету general отступы (массив отступов), цвета и ещё какие-нибудь размеры, остальное все у тебя будет меняться и вряд ли ты когда-то встретишь 5 компонентов с точно похожей вёрсткой
Я понимаю что в одном файле и разметка и стиля и js это очень удобно отлаживать
Не, я выношу в отдельный файл в папке компонента
Потерял контекст, можно скрин структуры?
Обсуждают сегодня