Здравствуйте, я недавно сделал пример, используя Style-It, который является библиотекой React.js.

Вы можете увидеть эти примеры страниц и репозиторий GitHub.

Документы Style-It



пример страницы



Пример Style-it
Редактировать описаниеtakahiro-saeki.github.io



Гитхаб



Что такое стиль-это

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. Если у вас есть какие-либо идеи, не стесняйтесь подключить меня. Во всяком случае, это так! Как вам эта статья? если вы не возражаете, проверьте мой аккаунт в Твиттере и нажмите кнопку ♡. Спасибо! хорошего дня!