12:I[45630,["8500","static/chunks/8500-2c410174062153d2.js","5160","static/chunks/5160-cfe5b3ca4ddb5f4f.js","443","static/chunks/443-fa2819e72d129c81.js","9508","static/chunks/9508-0bebede6f03b69ca.js","4467","static/chunks/4467-90a0b4467d6171fc.js","3892","static/chunks/3892-d2f61ae7cbf0b233.js","6381","static/chunks/6381-f7c8f1f55949f487.js","6068","static/chunks/6068-9dc7628c863da40b.js","1323","static/chunks/1323-0d7fea11f2af98b7.js","37","static/chunks/app/project/%5BprojectNumber%5D/page-cbf72f34fbb217c6.js"],"ProjectDetailClient"] 14:I[21957,["8500","static/chunks/8500-2c410174062153d2.js","5160","static/chunks/5160-cfe5b3ca4ddb5f4f.js","443","static/chunks/443-fa2819e72d129c81.js","9508","static/chunks/9508-0bebede6f03b69ca.js","4467","static/chunks/4467-90a0b4467d6171fc.js","3892","static/chunks/3892-d2f61ae7cbf0b233.js","6381","static/chunks/6381-f7c8f1f55949f487.js","6068","static/chunks/6068-9dc7628c863da40b.js","1323","static/chunks/1323-0d7fea11f2af98b7.js","37","static/chunks/app/project/%5BprojectNumber%5D/page-cbf72f34fbb217c6.js"],"PreloadChunks"] 15:I[34548,["8500","static/chunks/8500-2c410174062153d2.js","5160","static/chunks/5160-cfe5b3ca4ddb5f4f.js","443","static/chunks/443-fa2819e72d129c81.js","9508","static/chunks/9508-0bebede6f03b69ca.js","4467","static/chunks/4467-90a0b4467d6171fc.js","3892","static/chunks/3892-d2f61ae7cbf0b233.js","6381","static/chunks/6381-f7c8f1f55949f487.js","6068","static/chunks/6068-9dc7628c863da40b.js","1323","static/chunks/1323-0d7fea11f2af98b7.js","37","static/chunks/app/project/%5BprojectNumber%5D/page-cbf72f34fbb217c6.js"],"ProjectSliderListSection"] 16:I[49267,["8500","static/chunks/8500-2c410174062153d2.js","5160","static/chunks/5160-cfe5b3ca4ddb5f4f.js","443","static/chunks/443-fa2819e72d129c81.js","9508","static/chunks/9508-0bebede6f03b69ca.js","4467","static/chunks/4467-90a0b4467d6171fc.js","3892","static/chunks/3892-d2f61ae7cbf0b233.js","6381","static/chunks/6381-f7c8f1f55949f487.js","6068","static/chunks/6068-9dc7628c863da40b.js","1323","static/chunks/1323-0d7fea11f2af98b7.js","37","static/chunks/app/project/%5BprojectNumber%5D/page-cbf72f34fbb217c6.js"],"ProjectKeywordSection"] 17:I[86869,[],"IconMark"] 13:Tb14,

Reactは、近年とても人気が高まってきているUI用のJavaScriptのライブラリになります。2013年にFacebook社が開発しました。現在Facebookをはじめ、さまざまなSNSやYahoo!、NetflixなどもReactを採用しており、日本内でもどんどん需要が高まっていることが分かります。

Reactが注目されている背景として、SPAの普及がどんどん増えていることが要因の一つとして挙げられます。SPAとは、1つのページだけで使えるWebアプリケーションのことです。わざわざページを切り替えしなくてもコンテンツの切り替えができるため、UXを向上させられます。SPAの有名な例で言うと、FacebookやGoogle マップなどが挙げられます。

Reactの特徴として、Reactのオフィシャルサイトでは3つ挙げられています。

○宣言的→これは例えばページ内で部分的な変更するときに、全体を変える必要がないということです。あらかじめ全体としてこういう作りにするということを宣言しておくことで、変更があった際にそれをReact側が理解し、その部分だけ効率的に変更が効くということです。デバック対策がしやすいというメリットもあります。

○コンポーネントベース→コンポーネントとは構成要素のことです。分かりやすく近しいもの同士でコンポーネントし、構築しそれらを組み合わせていくことで小さい規模ながらもSPAなどの複雑なものも開発できます。

○一度学習すれば、どこでも使える→Reactを身に付けてしまえば、React nativeにも活用が効きます。React nativeを活用することにより、Reactで書いたも