Closed10
Next.js & firebase & TypeScript でアプリをつくる
Next.js のお勉強をしていく
基本的にはプリレンダリングで、あらかじめすべてビルドしておく。
これはGatsbyに似ている
クライアントからリクエストが来たときにデータを読み込みたいときはSSGであり、上のように getServerSideProps を使う
Dyamic Path は[]
で実装できる
型のお勉強する
f: () => number[]
の箇所 では、型を指定しており、その後実際に無名関数を代入している
const f: (foo: number, ...bar: number[]) => number[] = (
foo: number,
...bar: number[]
) => bar;
ジェネリクス。
TS/JSはオブジェクトに直接メソッドをクラスっぽくはやせる
interface Foo<S, T> {
foo: S;
bar: T;
nyann: (s: S) => T;
}
const obj: Foo<number, string> = {
foo: 10,
bar: "nya",
nyann(s: number): string {
return "2021" + s;
},
};
console.log(obj.nyann(232));
関数シグネチャ。
関数の型をかける
interface Func {
(s: string, a: number): string;
}
const func: Func = (s: string, a: number): string => {
return s + a;
};
Context で _app.tsx
でユーザーログイン情報を取得して
その他のコンポーネントで利用する
login は firebase インスタンスで実行できる
このスクラップは2021/09/05にクローズされました