カウンターアプリを作ってReduxの流れを掴もう
こんにちは！今回はreduxのイメージを掴む為に、簡単なカウンターアプリを作って解説していきます。 初学者の方は是非一緒に手を動かしながらやって見て下さい。 サンプルの完成像 サンプルコードhttps […]
CATEGORY
React
[React]this.setState is not a functionの解決法
エラー内容 該当箇所のコード エラーコードを読む this.setStateが関数じゃないと言っている。 callback内のthisの挙動 どうやらthisが悪さをしてsetStateが動作していな […]
ag-gridでcolumnの順序もリロードしても保存しておく(React)
やりたい事 ag-gridを使ったcolumnをドラッグした際に、リロードしても保存されている状態にする このスタックオーバーフローの質問がやりたい事のイメージ。（古いので参考程度に）要するにリロード […]
[React ooks]useStateで配列を更新する
useStateで配列の更新が上手くいかない コードサンドボックスにコードは添付しています。 「usersの追加」を押しても更新できない。 原因を探る コードを見ると以下の部分がうまく機能していなさそ […]
【React+TypeScript】Netflixのクローンを作るチュートリアル
zennのBookに書きました。 https://zenn.dev/gunners6518/books/4c4672f32dd100
Reactのスタイリング(classNameやclassNamesの使い方)
classNameとは htmlではclassを使ってスタイリングをしますが、Reactが使っているjsxではclassNameを使ったスタイリングを行います。 classNameの使い方 class […]
react-draggableでパーツをドラッグ&ドロップする（クリックイベントも追加する）
はじめに 最近、Reactでパズルを作る機会がありました。そこでreact-draggableでドラッグにてピースを移動し、クリックにてピースを回転させる実装をしました。 この記事では、そこ過程で得た […]
ReactでCOVID-19トラッカー作成で学べる3つの事
この記事は React hooksで初歩的な事は学んだので、中級的な扱い使い方をしたい 外部API取得のオーソドックスなやり方を知りたい Charts.jsやMaterial-UIなどの周辺機能の基礎 […]
useEffectと非同期処理を用いて外部APIを取得する方法
はじめに React hooksでは副作用の処理を目的としたuseEffectがあります。 本記事ではuseEffectの基本的な使い方の解説を行った後に、 非同期処理とuseEffectを組み合わせ […]
React学習を楽にしてくれるJavaScriptでの関数型プログラミングの基礎知識
この記事について この記事は、「JavaScriptでの関数型プログラミング」について、Reactを学ぶ際に足を引っ張らない程度にまとめました。普段JavaScriptに触れていながら、Reactへの […]