Здравствуйте, я недавно сделал пример, используя Style-It, который является библиотекой React.js.
Вы можете увидеть эти примеры страниц и репозиторий GitHub.
Документы Style-It
пример страницы
Гитхаб
Что такое стиль-это
Style Это компонент для написания открытого текста CSS в приложениях JavaScript. Используйте тот же знакомый синтаксис CSS, который вы уже знаете и любите, — теперь внутри ваших компонентов.
Если вы привыкли к синтаксису JSX, вам все равно. но если вы не привыкли к JSX, вам лучше использовать эту библиотеку. Эта библиотека дает нам возможность писать традиционный синтаксис CSS.
Традиционный синтаксис CSS такой, как…
и, если вы используете Style-It ….
Это действительно хорошая читабельность. Обычно я использую css-модули, но иногда мне это кажется странным. Стиль-это подход хороший. Мы можем понять с первого взгляда, если посмотрим на интерфейсную среду, в которой используется style-It.
Каков наилучший подход к реализации CSS в React.js?
Я думаю, что это зависит от разработчика. Мой лучший подход — css-модули с PostCSS. PostCSS — хорошая идея, реализующая CSS. Обычно я использую PostCSS и окружающие библиотеки PostCSS, такие как postcss-size, precss, autoprefixer.
Я привык смотреть на синтаксис JSX. Мне не интересно смотреть на эту среду, которая использует css-модули, я бы предпочел использовать ее. Стиль - это заставляет меня чувствовать себя странно, но это был хороший опыт для меня.
Я хочу знать о лучшем подходе.
Я действительно хочу узнать о лучших практиках реализации CSS. Если у вас есть какие-либо идеи, не стесняйтесь подключить меня. Во всяком случае, это так! Как вам эта статья? если вы не возражаете, проверьте мой аккаунт в Твиттере и нажмите кнопку ♡. Спасибо! хорошего дня!