- 2021年12月2日
- 2022年2月5日
JSer.infoまとめ(2021/11/23)
JSer.infoはフロント周りの最新情報を週刊でポストしてくれるブログである。 フロントエンドエンジニアとしては是非抑えたい内容が盛り沢山なので、今週から内容を自分なりに目を通して書き連ねていく。 元記事 https://jser.info/202 […]
CATEGORY
React
- 2021年7月21日
- 2021年7月21日
カウンターアプリを作ってReduxの流れを掴もう
こんにちは！今回はreduxのイメージを掴む為に、簡単なカウンターアプリを作って解説していきます。 初学者の方は是非一緒に手を動かしながらやって見て下さい。 サンプルの完成像 サンプルコードhttps://codesandbox.io/s/elast […]
- 2021年3月13日
- 2021年7月5日
[React]this.setState is not a functionの解決法
エラー内容 該当箇所のコード エラーコードを読む this.setStateが関数じゃないと言っている。 callback内のthisの挙動 どうやらthisが悪さをしてsetStateが動作していないらしい。callback関数内のthisはグロー […]
- 2021年3月1日
- 2021年7月5日
ag-gridでcolumnの順序もリロードしても保存しておく(React)
やりたい事 ag-gridを使ったcolumnをドラッグした際に、リロードしても保存されている状態にする このスタックオーバーフローの質問がやりたい事のイメージ。（古いので参考程度に）要するにリロードしてもセル移動を覚えていて欲しい。 https:/ […]
- 2021年2月26日
- 2022年11月22日
[React hooks]useStateで配列を更新する
useStateで配列の更新が上手くいかない コードサンドボックスにコードは添付しています。 「usersの追加」を押しても更新できない。 原因を探る コードを見ると以下の部分がうまく機能していなさそう。 ブレークポイントを貼って動きを見てみると、u […]
- 2021年1月22日
- 2021年7月5日
【React+TypeScript】Netflixのクローンを作るチュートリアル
zennのBookに書きました。 https://zenn.dev/gunners6518/books/4c4672f32dd100
- 2021年1月11日
- 2022年11月22日
Reactのスタイリング(classNameやclassNamesの使い方)
classNameとは htmlではclassを使ってスタイリングをしますが、Reactが使っているjsxではclassNameを使ったスタイリングを行います。 classNameの使い方 classNameの使い方は簡単で、classと全く同じです […]
- 2020年12月20日
- 2021年7月5日
react-draggableでパーツをドラッグ&ドロップする（クリックイベントも追加する）
はじめに 最近、Reactでパズルを作る機会がありました。そこでreact-draggableでドラッグにてピースを移動し、クリックにてピースを回転させる実装をしました。 この記事では、そこ過程で得たreact-draggbleでクリックイベントを追 […]
- 2020年12月9日
- 2022年3月8日
ReactでCOVID-19トラッカー作成で学べる3つの事
この記事は React hooksで初歩的な事は学んだので、中級的な扱い使い方をしたい 外部API取得のオーソドックスなやり方を知りたい Charts.jsやMaterial-UIなどの周辺機能の基礎的な使いたい という人向けに、Youtubeで見つ […]
- 2020年12月8日
- 2023年2月15日
useEffectと非同期処理を用いて外部APIを取得する方法
useEffectとは まずはuseEffectについてです。 useEffectの役割は「関数の実行タイミングをReactのレンダリング後まで遅らせる事」です。 関数がレンダリングを行って画面に反映された後に実行されるので、DOMの書き換え、変数の […]