Reactは高品質なWebアプリケーションを作成するのに使われるフレームワークです。Facebookが開発に携わっており、オープンソースとして公開されているので、誰でも利用できるようになっています。Vue.jsやGoogleが関係しているAngularと比較される場合もある技術です。
モバイルアプリのような使用感の優れたアプリをWebアプリケーションで作れないか。そのような問題意識からReactは生まれています。シングルページ・アプリケーションと呼ばれる、シンプルな画面構成で必要な機能を全て提供する設計がその例です。これらのユーザー体験に秀でたアプリケーションの開発にReactは有効です。
ReactはJavaScriptやNode.jsといった技術を前提としており、それらを学んでからReactを使ったアプリケーション開発に進むことが推奨されます。従来のWebアプリケーション開発とは異なる、React独自の思想はとても面白いものだと思います。
JavaScriptは年々、進化を遂げてきており、Webサイトやアプリケーション制作には欠かせない技術になっています。簡単に始められる上に、応用としての広がりもあるため、Webサイトやゲームを趣味で楽しむ人から、実務で高度なプログラミングをする人まで、JavaScriptは学んで損はありません。
公式ドキュメント
作りながら学ぶReact入門
初級者向け
Reactは、慣れれば効率的に優れたWebアプリケーションが開発できるフレームワークですが、はじめてReactに触れる人にとっては、必要とする前提知識が多く、面食らってしまうかもしれません。本書は、モダンな開発環境の構築から、Node.jsの導入、JavaScript ES6の説明が含まれ、さらに、テストや関連ツールの紹介へとつながります。手を動かしながら学ぶための実務的なアプローチが好感を持てます。
React.js & Next.js超入門
Reactの基本をおさえながら、Reactをさらに強化させるツールの解説まで手を広げた意欲的な入門書です。React特有のプログラミング手法をマスターし、基本的なWebアプリを自作できるようになることを目的としています。アプリ内の状態管理を容易にするReduxや、SEOに強いWebサービスを作るのに効果的なNext.js、さらには、バックエンドとしてFirebaseを使ってReactアプリを作成する手順を解説します。
React開発 現場の教科書
中級者向け
Reactは新しい技術なので、現場で使われているノウハウは貴重な情報と言えます。ユーザーインターフェースの設計手法であるアトミックデザインや、ビルド方法、CSSやロジックの実装、そして、品質管理の方法など、幅広いヒントが含まれています。
まとめ
ReactはWebアプリケーション開発の考え方を大きく変えました。JavaScriptやNode.jsが前提となりながら、その設計手法は従来のアプリ開発とは異なるものです。変化の早い分野であり、日本語書籍も充実していないかもしれませんが、Facebookや技術コミュニティが公開しているリファレンスを参考に、モダンなアプリ開発に挑戦していきましょう。
フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門
オンライン学習プラットフォームUdemyでも、Reactを解説するコースが公開されています。動画で見るとReactの新しい概念を理解しやすいと感じられるかもしれません。本コースは、Reactの基礎を学び、実践的なアプリケーション開発ができることを目指します。
Udemy：フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門JavaScriptは年々、進化を遂げてきており、Webサイトやアプリケーション制作には欠かせない技術になっています。簡単に始められる上に、応用としての広がりもあるため、Webサイトやゲームを趣味で楽しむ人から、実務で高度なプログラミングをする人まで、JavaScriptは学んで損はありません。
Angularは高度なユーザー体験を実現するWebアプリケーションを実現するためのフレームワークとして、有名なものの一つです。Googleが開発に携わっており、大きな技術者コミュニティが立ち上がってきています。使い勝手の優れたモバイルアプリのような見栄えを、Webアプリケーションでも実現できる豊富な機能が魅力です。このようなユーザー体験の優れた仕組みをプログレッシブWebアプリと呼ばれます。また、デスクトップアプリケーションのように動作が速いシングルページ・アプリケーションの開発にも有効です。
