今回はGatsbyで起こったが、emotionの仕様みたいなのでメモしておく。 "@emotion/react": "^11.4.1", "@emotion/styled": "^11.3.0", やりたいこと こんな感じで first-childに対してスタイルを当てたかった。 `.Pagination__block { &:first-child.-active …

GatsbyでuseContextを使ってダークモード対応をした（このブログではない）のですが、useContextのstateの挙動がうまく動かず、見事にハマったのでメモしておきます。 結論から言うと、「公式ドキュメントちゃんと読もう」です。 Using React Context API wi…

結論は、「Presentialも、Containerも、StyledComponentも全部まとめて書きたい！」です。 Reactでコンポーネントを書くときに、PresentialとContainerの役割を分離するというのが基本みたい。 ファイルそのものを分割してそれぞれに役割を持たせるというの…

Gatsbyブログを作ったので、雑に環境構築についてメモしておく。 TypeScriptやReactのキャッチアップも兼ねていたので、ESLintやPrettier、StyleLintも入れてみた。 前回のブログでも書いたが、React+TypeScriptキャッチアップにはもってこいだと思っている…

Gatsby.jsでブログを構築してみた。 Gatsby.jsとは？ React製の静的サイトジェネレーターです。webサイトを作る時に使います。 Gatsby.jsは公式サイトに「blazing fast」と自分で書いちゃうほど早いフレームワーク Gatsbyによって生成されるWebサイトはSPAと…