React.jsのアニメーションライブラリ「Framer Motion」を使ってみよう。制作事例を元に解説
「Framer Motion」は、React.jsで使用できるオープンソースのアニメーションライブラリ。複雑なレイ...
- React.js
- アニメーション
- コーディング
React.jsとはFacebook社が開発した、Webサイト上のUIオブジェクトを構築するためのJavaScriptライブラリです。
jQueryとよく機能比較されますが、React.jsはUIを構築するライブラリであり、フレームワークではありません。そのため、React.jsとjQueryを併用することももちろん、Angular.jsとも併用ができます。
たとえばjQueryなどのフレームワークを導入するとHTMLのコードや構成の規模が大きくなり、管理に負担がかかります。そういった際にReact.jsを導入すると、管理が用意になるというメリットがあります。
React.jsを学習しておくと、同じくFacebook社が開発した「React Native」での開発も容易となります。React.jsと違ってReact Nativeはフレームワークですが、これはReact.jsをiOS、Android等のスマホアプリを同時開発できるようにした起源的な立ち位置となるのです。
最低限の動作環境はHTML5となりますが、古いブラウザ(IE8以下)html5shiv.jsなどを導入することにより、実質HTML5化させて利用することができます。
・React Native
・JacaScript
・ライブラリ
・フレームワーク