- The how and why of flexible React components - Speaker Deck
- Defining Component APIs in React
-
The fewer new things you need to learn, the easier it is for others to know how to use the components that you create, making them more reusable.
- コンポーネントのAPIが少ないほど、読み手が学ぶことは少なく済む
-
Apropcalypse
- props増加 → コンポーネントの責任増加を意味する
-
- Avoid soul-crushing components | Epic React by Kent C. Dodds
- レイアウトプリミティブ
https://docs.astro.build/en/guides/migrate-to-astro/from-nextjs/
- 類似点
- .astroとJSXのシンタックス
- SSG, SSR
- ファイルベースルーティング
> npm create astro@latest
https://code.visualstudio.com/api/get-started/your-first-extension
npm install -g yo generator-code
❯ yo code
_-----_ ╭──────────────────────────╮
- https://www.figma.com/developers/api
- REST APIなのかFigma APIなのか
- Figma APIぽい
-
Figma's mission is to make design accessible to everyone.
- Figma APIは読み取りとインタラクション?をサポートしている
- オブジェクトやレイヤーのプロパティーを抽出して、Figmaの外部で扱うことができる
- 認証
- アクセストークン or OAuth2
- パーソナルアクセストークンを生成するのがAccount Settingsからできる
- アクセストークン or OAuth2
- REST APIなのかFigma APIなのか
- インストール
- https://tailwindcss.com/docs/installation
create-next-app
なら最初の対話形式で選択肢がある
@tailwind
は何をしているかbase
- useQueryのfetch statusが更新されないことはあるか
- useQuery randomly not returning data and stuck in loading
- このissue自体はv2からv3へ移行したら発生したというもの
- キャッシュが複数ある、ということはないであろう前提
- 関連する?
retry
やstealTime
がどのように設定されているかstaleTime: Infinity
?- これが再現条件に必要なものかといえば違いそう
- useQuery randomly not returning data and stuck in loading
- アプリケーションを起動したときだけ起こる?
test ok
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Ref: https://zenn.dev/catnose99/scraps/2d0abd8f32f91e#comment-6936e4d21939b4 | |
SHEET_ID='foo' # スプレッドシートのURLに含まれる文字列 | |
GOOGLE_SERVICE_ACCOUNT_EMAIL='foo@bar.iam.gserviceaccount.com' # サービスアカウントのアドレス | |
GOOGLE_PRIVATE_KEY='-----BEGIN PRIVATE KEY-----\nabcdefg...' # サービスアカウントのkeyのJSONに含まれる`"private_key"`の値をそのままコピペする |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { globby } from "globby"; | |
import matter from "gray-matter"; | |
import fs from "node:fs"; | |
const articles = await globby(["./articles/*.md"]); | |
const articleStats = articles.map((article) => { | |
const content = fs.readFileSync(article, { encoding: "utf-8" }); | |
return { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
cat node_modules/@apollo/client/invariantErrorCodes.js | |
// This file is meant to help with looking up the source of errors like | |
// "Invariant Violation: 35" and is automatically generated by the file | |
// @apollo/client/config/processInvariants.ts for each @apollo/client | |
// release. The numbers may change from release to release, so please | |
// consult the @apollo/client/invariantErrorCodes.js file specific to | |
// your @apollo/client version. This file is not meant to be imported. | |
{ | |
"@apollo/client version": "3.3.7", |
NewerOlder