Release 0.15.0 | StyleX
StyleX v0.15.0 introduces significant improvements to media query handling, dynamic styles optimization, and improvements to the linter, types, and documentation. Media query orderingPreviously, media queries within a style property were applied in a predetermined sorting order. This often meant that the order you authored the queries did not match how they were applied, so we recommended manuall
Release 0.14.0 | StyleX
StyleX v0.14.0 introduces new APIs to the compiler and linter, as well as a couple of breaking changes to improve performance. New featuresCompiler: viewTransitionClassThe viewTransitionClass API allows you to use StyleX to customize your CSS View Transitions. This API works nicely with React’s new <ViewTransition /> component: import {unstable_ViewTransition as ViewTransition} from 'react'; imp
Release 0.12.0 | StyleX
StyleX v0.12.0 introduces performance optimizations, several bug fixes, a new lint rule, and some cleanup of deprecated packages. PerformanceObject key minificationThe keys of compiled style objects are now minified to reduce overall code size. Faster theme compilationCompiling createTheme calls is now several orders of magnitude faster. This was achieved by caching evaluated theme objects. ESL
Thank you - styled-components
First and foremost, thank you to everyone who has contributed to styled-components over the years. Open Source is hard work, and many of the larger feature and/or refactoring drives probably would never have shipped without your support! As I write this in 2025, styled-components as a project is in "maintenance mode". There are a number of reasons for this: The React core team has decided to defac
Release 0.11.0 | StyleX
Release NotesStyleX v0.11.0 is now available, with significant improvements in debugging, CLI caching, and documentation! Debugging ImprovementsImproved Runtime DebuggingWe've made some big improvements to the information available in debug mode. We now include sourceMap information to indicate the file and line of the create call responsible for providing styles on a given element. This inform
Release 0.10.0 | StyleX
Happy new year! We are excited to announce the release of StyleX v0.10.0, which includes several new features and improvements. Easier adoption with the all-new PostCSS pluginStyleX now ships with an all-new PostCSS plugin. This plugin allows you to use StyleX with any PostCSS-compatible toolchain, to better integrate with existing projects. The PostCSS plugin is now our recommended approach for
Release 0.8.0 | StyleX
StyleX v0.8.0 is now available with a bunch of fixes and new ESlint rules. Linting EnhancementsWe've been making a lot of improvements to our ESLint plugin. We've both improved our existing rules and added new ones. Thanks to Melissa Liu! Here are some of the highlights: New valid-shorthands ruleThis rule enforces our opinions on when and how you should use CSS shorthand properties. It disallows
CSS in React Server Components • Josh W. Comeau
CSS in React Server ComponentsUnderstanding the future of CSS-in-JS and React IntroductionOn May 4th, 2023, Vercel announced the stable release of Next 13.4, becoming the first React framework to be built on top of React Server Components. This is a big deal! RSC (React Server Components) gives us an official way to write server-exclusive code in React. It opens a lot of interesting new doors, as
Reactで社内向けUIライブラリ開発・ビルド・公開・布教入門【2024年】
会社で複数の新規事業を立ち上げる機運が高まったことをきっかけに社内向けUIライブラリを開発し、限定公開して利用を始めました。 本記事ではReactで社内向けUIライブラリを開発・ビルド・公開・布教するためのアレコレを共有します。 以下のような話題について知りたい方に特に読んでほしいです。 Private Packageの作り方、配布の方法のイメージがつかない方 CommonJSとES Modules、今はどちらでビルドするのがいいのか知りたい方 ライブラリの作り方について網羅的に知りたい方 前提 利用側のアプリケーションはNext.js固定を前提とする Tailwind CSSを内部的には利用する 利用側のアプリケーションはパフォーマンス（Lighthouseスコア）重視することが多い 社内の様々なレベルのエンジニアがContributeする可能性がある 端的に言うと、社内のプライベートリ
StyleXはvanilla-extractを諦めた我々の光になるか?
プロローグ 私は新規のプロジェクトを立ち上げるときにVanilla-Extractを採用しました。 型安全なCSSがかけることやスコープをもたせることができ、管理画面のような肥大化しやすいプロジェクトでの導入が望ましいと考えたためです。 しかし、この考えは現在打ち砕かれてしまいました。 泣く泣くVanilla-Extractの導入を諦めSASSでの開発をしていたときStyleXのリリースのニュースが飛び込んで来たのです。 Type-Safeで再利用可能であり、静的なCSSのパフォーマンスとスケーラビリティを手に入れられるとのこと。 これを逃すわけにはいきません。早速詳細を確かめ、次回新規プロジェクトが立ち上げるときに候補にできるのかを確かめましょう。 概要 この記事ではVanilla-Extractで問題だったことを振り返りつつ、StyleXではどのような構文が採用されVanilla-Ex
Introducing StyleX | StyleX
We are thrilled to introduce StyleX. StyleX is an expressive, deterministic, reliable, and scalable styling system for ambitious applications. We've taken the best ideas from the styling libraries that have come before to create something that is simultaneously familiar and uniquely new. What is StyleX?StyleX takes the developer experience of CSS-in-JS libraries and uses compile-time tooling to b
Introducing Catalyst: A modern UI kit for React - Tailwind CSS
Today’s the day — we just published the first development preview of Catalyst, our first fully-componentized, batteries-included application UI kit for React, just in time for your holiday hacking sessions. Today’s the day — we just published the first development preview of Catalyst, just in time for your holiday hacking sessions. Catalyst is our first fully-componentized, batteries-included appl
Meta Front-End Developer
Cultivate your career with expert-led programs, job-ready certificates, and 10,000 ways to grow. All for $25/month, billed annually. Save now Launch your career as a front-end developer. Build job-ready skills for an in-demand career and earn a credential from Meta. No degree or prior experience required to get started.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Untitled UI React — React UI Component Library
Cerberus Design System
https://typicode.github.io/mistcss/
GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
[Enhancement] Improving the Webpack plugin? · Issue #297 · facebook/stylex
GitHub - css-hooks/css-hooks: Hook into advanced CSS features from native inline styles.
GitHub - shuding/react-wrap-balancer: Simple React Component That Makes Titles More Readable
