イミュータブルが大事な理由、そしてImmerで簡単実現！
始め JS,特にReactを勉強してるとよくimmutabilityという言葉を聞きます。最近immerを使ってみて不意にimmutabilityは何で重要だったっけ？と思ったので、投稿します。 1. immutabilityとは immutabilityは不変性、つまり変わらない性質という英単語です。 プログラミングでのimmutabilityは「stateを変更しないこと」とも言えます。(韓国では漢字の方の「不変性」を採用していますが、日本語あまり分からないので今回は英単語そのまま書きます。) ここで、「stateを変更する」ということは正確に何を意味するのでしょうか？一番簡単な例を見てみましょう。
Reactアプリにおける非同期通信エラー処理の実装案 | Hypertext Candy
この記事では、React アプリ（SPA）での非同期エラー処理について紹介します。 紹介する実装はあくまで今の時点でのアイディアです。アプリによって色々な設計があり得るので、一案として参考にしていただければと思います。 Redux ストア エラー処理の実装にあたってまず考えたいのは、エラーをどこで管理するかです。今回は Redux ストアにエラーを保管する方法を考えます。 以下は Redux Toolkit を用いたストアの例です。Redux Toolkit についてはこちらの記事でも紹介しているので参考にしてください。 error.js import { createSlice } from "@reduxjs/toolkit"; const initialState = { response: null, }; const slice = createSlice({ name: "er
HookとRedux ToolkitでReact Reduxに入門する | Hypertext Candy
この記事では、React アプリケーションに Redux を組み合わせる方法を紹介します。 タイトルの通り、React の機能である Hook と Redux の組み込みを簡単にしてくれるライブラリ Redux Toolkit を活用した比較的新しめの方法なので、他の解説記事とは少し異なる記述になるかもしれません。 これから React や Redux を勉強する方は戸惑うかもしれませんが、導入方法がいくつかあるというだけで、どちらも間違いではないので、参考の一つとして読んでください。 Redux とは 状態管理 Redux とは、JavaScript製の状態管理ライブラリです。 「状態」とは、アプリケーションで扱う動的なデータという理解でよいでしょう。たとえばユーザー名とか、いいねの数が「状態」です。状態は時系列とともに変化します。 状態管理ライブラリが解決する問題は、コンポーネントをま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Log in — Shopify account
Redux Toolkit: can I use createAsycThunk with Firebase listener functions (e.g. firestore.collection.onSnapshot)
TechCrunch
次世代太陽光、３０年度発電コスト１４円以下に／経産省、２兆円基金で支援へ | 電気新聞ウェブサイト
