forwardRef を実装中にeslintのエラーが出てしまいました。 全てのコンポーネントに名前を付けることが推奨されています。 これはデバッグの際、問題を特定しやすいようにするためです。参考 …

やる理由 タイトル通りなのだが、環境構築しtheme をemotionで使おうとしたところ、使えず型が異なっていた。 そのため、does not exist などのエラーとなった。 方法 emot…

はじめに 会社のTeckポータル開発でNEXT.jsに触れる機会があったのですが、 0から開発したことなかったので、Next.jsのチュートリアルをやってみることにしました。 チュートリアルの学習…

この記事の概要 ReactでJSライブラリのFullCalendarを使ってみた備忘録を記載する。 Reactの環境構築 https://qiita.com/enyantaro/items/0bc…

RemixでOutletを使ったらinputの中身が更新されない？ ハマったこと Remix(React Router v6)のOutletとダイナミックルーティングを組み合わせたとき、ページをD…

はじめに こんにちは。masakichiです。 わたしは、Reactを使ってコーディングする時、よくJSONデータを操作する場面に遭遇してきました。 単純な配列に対する操作であれば、ネット上に情報…

はじめに 静的なページをインフラレベルで動的に生成し爆速にするためのエッセンスです。 ReactJS、NextJS、Vercelの挙動に関して知っている方向けの記事です。あしからず。 NextJS…

左のようにしたいけど、右のようにしかならなくて詰まった 環境 結論 オプションをこう記述したらいけた const options = { scales: { r: { min: 0, max: 5, stepSize: 1…

はじめに create-react-appで生成されるアプリは、プロキシ設定をすれば特定のURLにアクセスされた際にバックエンドのAPI等に接続させることができる。下記URLを参照。 Proxyi…

ファイルの階層構造 何をどこに置けばいいのかメモ程度に public 実際にweb上に公開されるもの index.htmlやロゴなど src cssやreactのプログラム関係のもの 実際に触るの…