seapig_dolphinのブックマーク - はてなブックマーク

React Fiberの「Fiber」とはなんなのか勉強してみた - Qiita
色々素敵な記事が既に存在してはいますが、自分自身の理解を深めたく、React FiberのFiberとはなんなのか勉強してみたものをまとめました。尊敬の念を込めて、大変勉強になった素晴らしい記事たちを先に紹介しときます。 React Fiber現状確認 ReactはなぜFiberで書き直されたのか？Reactの課題と将来像を探る React Fiberアーキテクチャについて解説しないこと Fiber以外のReact ver.16以降での変更点あくまでFiberとはなんなのかにフォーカスします。 (ただ個人的には render() の結果を文字列や配列で返せるようになるのは超嬉しいです。) React Fiberを理解するための前提知識 React Fiberを理解するにあたって重要なキーワードは次の3つです。リコンシリエーション作業スケジューリング FiberはReactのリコ
seapig_dolphin 2019/12/31
リンク
react-redux hooks 時代のContainerコンポーネント - Qiita
先日 react-redux の v7.1 の stable release で hooks に対応したAPIが入り界隈で話題になりましたね。(追加されたAPIの詳しい解説はこちら https://react-redux.js.org/api/hooks) 結構コンポーネント内からお手軽に参照できる感動を伝えている情報が多いのですが(実際私も感動の嵐です)、ここで改めて「なんで Container コンポーネントって必要なんだっけ？」と「hooks APIではどうやって Container コンポーネントを書くのか」を考えていきます。なぜ hooks API になった今でも Container コンポーネントが必要なのか始めにここで言う "Container コンポーネント" は「Redux の Store から値を注入するためのもの(あとdispatch 関数)」という狭義の意味で
seapig_dolphin 2019/07/03
リンク
State of SEO for SPA 2019 - Qiita
メタこの記事はNode学園2018にて話した内容を記事として編纂 +その後の変化を加筆修正したものです。スライドはこちら。 https://speakerdeck.com/kazuyaseki/seo-for-spa-cfb3706f-ae1d-4c6f-a83f-96dc2452f32b 追記 2019/5/8 遂に Google bot が扱うレンダリングエンジンが Chrome 最新版(現時点では 74)相当となりました！ https://webmasters.google blog.com/2019/05/the-new-evergreen-googlebot.html ただタイムアウトなどのリスクは依然存在するので、信頼性を求めるならやはり Dynamic Rendering や SSR が選択肢になるのかなと言う気はしますが、そこまで要求が強くない場合にはあまり頑張らなくてよ
seapig_dolphin 2019/06/02
リンク
フロントエンドのコンポーネント設計に立ち向かう - Qiita
ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をする際の指針を言語化しようというのが本記事の目的です。同じように悩まれている方にも何らか示唆を提供することができたら嬉しいです。想定読者「コンポーネント設計？なにそれ？おいしいの？」という方初めてコンポーネント設計でアプリ作ってみたけど、本当にこれでいいのか自信の無い方はじめに: "コンポーネント"とはまず最初に"コンポーネント"という言葉についてですが、ここでは「GUIのパーツをモジュー
seapig_dolphin 2018/04/03
リンク
1