今週の読んだ記事(メモ・感想)
今週はこれら
雰囲気で使わない React hooks の useCallback/useMemo
https://qiita.com/seya/items/8291f53576097fc1c52a
- useMemoの内部までみてコストを考えているところ見習いたい
子供に渡すときだけuseCallback
なるほど
- depsに更新するstate値をわたすのではなく、set関数に書いた関数からstateを受け取るとuseCallbackはdepsがなくなり一回だけの生成で済む
React Hooks、useStateの更新関数引数には関数を
https://qiita.com/Takepepe/items/7e62cc7d7d8b81ca50db
return を用いない記法(props => (...))にすることで、Hooks API の介入を阻みます。
なるほど
styled.divやstyled.button を敬遠している理由はここにあります。
たしかに
React.FC 型を拡張する
https://qiita.com/Takepepe/items/f66c7e2e1d22b431f148
なるほど。同じ要領でいろいろなところで拡張できそう
React.Hooks で 大量の input 更新ハンドラーをまとめる小技
https://qiita.com/Takepepe/items/a6db0d68ff7a9a9a7863
なるほど。辛いときあるから。同じシグネチャの更新関数があったらまとめた方が楽。
JavaScript Event Loop Explained
https://medium.com/front-end-weekly/javascript-event-loop-explained-4cd26af121d4
message Qeueを理解したかった。理解できた。
stackが積まれていって、その間にできたeventは一回Qeueにためられて、stackがなくなり
mainスレッドに戻ってきた時実行される。
これはもっと前に知っておくべきだった
この記事にたどり着くまでには
流れがあって
useRefを調べていたら
faverPhaseとcommitPhaseっていう言葉に出会い
どうやらそれがv16のFiberアルゴリズムによるものだった
知りたくなって
A deep dive into React Fiber internals
https://blog.logrocket.com/deep-dive-into-react-fiber-internals/
いい記事に出会った
再帰的に走査していたv15以前(リコンシリエーションアルゴリズム)はcall stackで単純に順番を守っていたけど、それを16v以降はやめて作ったDOMの参照を保存したツリー(ファイバーツリー)を仮想的なcall stack(ファイバー)上で作って更新などを最適化した。再帰的な走査は行はずLInkListを作る
— 首から下がイケメン (@bukotsunikki) April 25, 2020
理解した。
stackとかの知識かけていたなと思って先の記事(JavaScript Event Loop Explained)読んだ
スタックが無くなったら実行される経緯が理解できる記事
全然関係ないけど
その流れで
reactのlifecycleの実行順を改めて目で確認したりした
「武骨日記の」プライバシーポリシーに関して
・プライバシーポリシー
・個人情報取り扱いに関して
・サイトTOP
・私は何者か
・29歳よしもと芸人がWebデザイナー未経験で学校に通い5年後フリーランスのフロントエンドエンジニアになるためにやった9つのこと
・フロント記事
・フロントエンドエンジニア
・フロントエンド記事(タグ)
・TypeScript
・TypeScript練習問題集
・【TypeScript】TypeSript中級者になる為に知っておくと良い108個のこと
・JavaScript練習問題
・styled-componentsの使い方
・SCSS問題集
・GraphQL「Apollo x Relay-Style-Cursor-Pagination(リレースタイルカーソルページネーション)」
・recomposeと仲良くなりたい
・機動戦士FlowType
・初めてReactNativeWebを触ってみて
・Ramda.jsシグネチャの読み方
・環境変数の話
・いちごタルトの作り方
・フロントエンドエンジニア豚汁の作り方
「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー
株式会社TerraceTechについて
最近起業しました。
・株式会社TerraceTech
SNS
・しずかなインターネット kenjimorita
・インド旅 instagram
・適当な日常写真 instagram
・シュールさーん instagram
・シュールさーん LINEスタンプ
・もりたけんじTwitter
・ネタ帳Twitter
・note
※わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。
※業務連絡やお久しぶり連絡もチャットからお願いします。