Какой подход написания стилей лучше для Reat-native?
Приложение на React Native. На данный момент у нас используется css-in-js и мы под каждым компонентом создаем отдельный файлик со стилями. Т.е. каждый компонент в своей папке имеет индексный файлик с логикой и разметкой и файлик со стилями.
Была попытка создать что-то такое базовое. Т.е. в асетах на уровне папки с компонентами лежит папка со стилями и там несколько файликов: button, container, spacer. И хотелось как-то это все по-умному использовать, но это проблему не решило, что у нас каждый компонент еще имеет кроме своей папки со стилями еще и что-то базовое импортит из button, container. Подход очень не понравился. получились большие портянки массивов со стилями.
Может styled component решит эту проблему? Что Можете посоветовать? Может подход какой-то удобный? Или все-таки styled component моя судьба? Помогите советом как улучшить читаемость кода и чтобы было как "конфэта".
styled component наше все. пишу весь css прямо в компонентах. да код получается немного больше если не нравится размер кода то можно вынести разметку в отдельный файл. но я все равно считаю что использовать css рядом с кодом удобно особенно при начальной разработке. Потом естественно никто не запрещает вам вынести в отдельный файл ваш css. Если найдете что нибудь по интереснее поделитесь.
Когда приходит заказчик с требованием React Native, с категоричным нежеланием нанимать двух сотрудников (Android, iOS), вместо одного (React Native), то если вы с такими взглядами можете упустить клиента.
Это все инструменты для определенных задач.
Где-то и Java не вывезет, нужно будет использовать NDK.
Хорошая практика хранить стили в том же компоненте, так как свойства можно менять динамически, переносит компоненты из проекта в проект в чем основная киллер фича компонентного подхода!