進めてる(進めていく)教材とか

• HypertextCandy React入門チュートリアル 完了
• りあクト！ TypeScriptで始めるつらくないReact開発 6/13 完了
• Udemy フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門 完了
• Udemy React Hooks 入門 - Hooksと Redux を組み合わせて最新のフロントエンド状態管理手法を習得しよう！ 完了
• React 公式チュートリアル 完了

今日やったこと

• りあクト！ TypeScriptで始めるつらくないReact開発 Reactをめぐるフロントエンドの歴史

りあクト！ TypeScriptで始めるつらくないReact開発 Reactをめぐるフロントエンドの歴史

ざっくりサマリー

React 登場前夜

• フロントエンド元年 2005年

  • Googleマップ登場
  • JavaScriptが再評価される
  • ブラウザ間の実装に大きな差異 ← これをjQueryが吸収してくれたためめちゃくちゃ流行った

• Webフロントエンド 第一世代

  • prototype.js, jQuery
  • アーキテクチャを持たないユーティリティライブラリ群
  • HTMLベースで部分的に書き換える形式
• HTML5がFlashを殺した
• 2008年 GoogleがJavaScriptエンジン V8をオープンソース化
• 2009年 Node.jsがリリースされる

• 2009年 ES5が発表された(10年ぶりの更新)

  • 10年も更新されてなかったんだ。。。
  • ES5とそれ以前で分けられるのも納得
• Googleマップといい,V8だったり,Node.jsだったりやっぱGoogleは時代を作ってるんだなぁ

• Webフロントエンド 第二世代

  • 2010年 後半~
  • Backbone.js,Knockout,AngularJS
  • MVCデザインパターンをフロント向けに適用
  • Backbone.js
  • 軽量
  • Model,View + RESTful API + ルーティング
  • Knockout
  • HTMLテンプレート
  • MVVMパターン
  • Vue.jsのご先祖様
  • AngularJS
  • フルスタックフレームワーク
  • Angular ≠ AngularJS 互換性なし
  • バージョン1系 → AngularJS, バージョン2.0以降 → Angular

まとめ

PaPaPointアプリ実装してたけど,仕事で疲弊して進捗も悪くて,頭も働かなかったからインプットデイに切り替え。
歴史を見ていくと,やっぱりGoogleってすごいんだなーって思いますね。
よくES5以降をモダンJSっていうけど,10年ぶりに更新されたとなればそりゃES5以前と以降で明確に分けられるわなーって納得。

それではまた明日。