Remixでなんか作りたい人の独り言
つきみCookieをあんまり触れたことが無いのも相まって、CookieとSessionって何が違うんだ？となってるので、ここからどうにかする必要があるかも
つきみCloudflare WorkersのModule Syntax？だと環境変数に直接アクセスできない。
Remixの場合、server.tsにcreatePagesFunctionHandlerでゴニョニョやって、
loader関数でcontextから環境変数をとることができるけど、loader関数が使えない場面ではどうするのが正解なんだ？
公式ドキュメントを読む限りは、
export default {
async fetch() {
...
}
}
って感じだけど、fetchってそんな使い方あるんか...って初めて知った
ちなみにDenoには環境変数をproccessみたいに呼び出せる代物があると聞いて気になってる
つきみRemix でこんなエラーが...
Objects are not valid as a React child (found: [ob…r a collection of children, use an array instead.
って思ったんだけど、loader関数にdefaultつけていたのが悪かったらしい
ﾁｯｸｼｮｰ!
React系のフレームワークはReact Childが返される奴しかdefaultつけちゃダメなのかな？
分からん
つきみremix-validated-form というバリデーションできるライブラリがあるらしい。
使ってみたところ、なぜかaction関数にフォームデータが渡されなかったので、Remix側のデフォルトの<Form>を使ってみた。
ただ、Formはinput, textareaだったりからしかデータをとってくれないので、
独自実装のフィールドはどないaction関数に渡すよう実装しよか...って感じ
つきみRemixのコンポーネントではloader関数を使うことができなかった（よくよく考えたら当たり前かも）ので、
root.tsxのloader関数からコンポーネントにPropsを渡すことによって解決
子コンポーネント側では
type HeaderProps = {
show: boolean
}
export default function Header(props: HeaderProps) {
return (<></>)
}
親要素では普通に
<Header show={true} />
って感じ
Propsの型指定は適当なので、いつか変更
以下学習のためのブックマーク