React奮闘記㉔

2020/11/11

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

今日やったこと

  • りあクト! 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以前と以降で明確に分けられるわなーって納得。

それではまた明日。


書いた人: こへ
音楽と漫画と読書とアニメとスノボが好き。多趣味でいろんなことに興味有ります。 誰しもが一度は使った事があるもののIoT開発をしてます。
Twitterフォローお願いします。