はてなブックマーク

概要 最近何かと話題のZero Runtime CSS in JS、多くのライブラリやフレームワークが登場してきています。筆者はZero Runtimeについては、従来のCSS-in-JSはパフォーマンスが問題なので、最近ではスタイルをビルド時に作り出すアプローチが流行り始めている、といったくらいの認識しかありませんでした。 実際に従来のアプローチがなぜ問題になり始めたのか、Zero Runtimeでは何を目指しているのかいまいち掴めていないところがあったので、改めてその登場した背景や技術的なアプローチを調べてみました。 従来のCSS-in-JS CSS-in-JSライブラリと名のつくものはいくつもが登場しては廃れを繰り返していきましたが、その中でもReactコミュニティーにおいて今でも不動の地位を得ているのは間違いなく emotion そして、 styled-component でしょう