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

逆引き型ファースト Zod
1-3. 作成したスキーマから型を取り出したい (infer / shape / element / keyof)
heavenshell 2023/02/01
typescript
リンク
forwardRefって何なんだっけ？
結論 refはそもそも下記のような動きをする DOMならdomエレメントそれ以外ならクラスインスタンスインスタンスを持たないものにrefしてもコケるだけなのでFunctional Componentにはrefをそのまま渡せない forwardRefによりスキップして下位コンポーネントに渡せるようになるこれは単なる便利関数ではなく、Reactの内部で特殊に処理されている forwardRefを使いたくなければ_refみたいに名前よけする
heavenshell 2021/12/06
react.js
リンク
Magicを使ったマジックリンクログインをReactでの素振りサンプルと感想
Magicというマジックリング認証に特化したサービスを知ったので素振りしてみた記録。サーバーサイドまで含め入ったサンプルは公式のチュートリアルにある https://magic.link/guides 逆にSPAのようなクライアントログインの最低限パターンのサンプルが見当たらなかったので、素振りを書いてみたサンプル import { Magic } from 'magic-sdk' import { useState, useEffect } from 'react' // Dashboardに表示されたpublishable keyを持ってくる。これは公開してよいキー const MAGIC_LINK_PUBLIC = "pk_test_****************" // hooksに処理をまとめる const useMagicLogin = () => { const [is
heavenshell 2021/06/01
javascript

react.js
リンク
1