この記事は https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e の日本語訳です。途中で力尽きて雑な翻訳になってる箇所がいくつかあります。
私は、新しい Hooks の API の "magic" な挙動に悩んでいる人が結構いると聞いています。なのでこの構文の提案が、少なくとも表面的なレベルではどう動いているか、解説してみようと思います。
この記事は https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e の日本語訳です。途中で力尽きて雑な翻訳になってる箇所がいくつかあります。
私は、新しい Hooks の API の "magic" な挙動に悩んでいる人が結構いると聞いています。なのでこの構文の提案が、少なくとも表面的なレベルではどう動いているか、解説してみようと思います。
/** | |
* hmr前後で引き継ぎたいデータはまとめて外出する(Store) | |
* Storeを書き換えた場合はページをリロードするか、もしくは別途accept()の処理を書く | |
* Storeはconstructorの引数でどんどん子孫に渡していく。必要ならDIなりdecoratorなりでコードをキレイにする | |
*/ | |
/** @type {Assets} 一度だけロードすればいいやつとかはまとめておくと良い */ | |
let assets = null; | |
/** @type {Store} 復元したいデータは全部外にまとめておく or serialize的な保存・復元の方法が必要 */ | |
let store = null; |
転職しました。長らくのご愛顧誠にありがとうございました。
転職先をちょくちょく探しています。
興味ある方は twitter @mizchi へのリプライorDM、または mizchi2w@gmail.com まで。
// VSCodeで、エディタとターミナルを往復できるショートカットの定義 | |
// Place your key bindings in this file to override the defaultsauto[] | |
[ | |
{ | |
"key": "ctrl+`", | |
"command": "workbench.action.focusActiveEditorGroup", | |
"when": "terminalFocus" | |
}, | |
{ | |
"key": "ctrl+`", |
/* before :is() */ | |
button.focus, | |
button:focus { | |
... | |
} | |
/* after :is() */ | |
button:is(.focus, :focus) { | |
... | |
} |
2020-05-13 追記
javascript:var ret=window.prompt('',document.title + ' - ' + location.href); |