The Redux core docs site at https://redux.js.org contains the primary tutorials for learning Redux, including how to use Redux Toolkit and React-Redux together. To avoid duplicating explanations between the Redux core and Redux Toolkit documentation, we've focused on making the Redux core docs tutorials comprehensive, and point to them instead of having extended tutorials here in the Redux Toolkit
In my last post, I wrote a short introduction to Redux Toolkit and its basic functionalities. But I still need to talk about their most important function - called createSlice - which is probably the only one you will need to use for most applications you're writing. What is createSlice? If you've ever built an application with Redux you probably ended up with a store that contains multiple reduce
はじめまして！WEBチームの黒川と申します！昨年7月にaptpodに入りましてもうすぐaptpod歴1年になります！ aptpodでは主にフロントエンドエンジニアとしてReact/TypeScriptを用いて、お客様向けアプリケーションのUI部分を実装しております。 ご存じの方も多いように、Reactの状態管理にはいくつか方法があり、何を用いるべきかなどでしばしば議論が起こりがちです。代表的なものだけでも、標準APIを用いるuseStateとContextやデファクトスタンダードとなってきているRedux、そして新興のRecoilがあります。 弊社のWEBチームではReduxを採用するケースが多いです。私もReduxについては一通りの知識と経験は持っていたつもりだったのですが、先日担当させていただいたプロジェクトで初めてReduxの設計に取り組んだところ、自分がReduxの思想や勘所につい
最近 Redux Toolkit というReduxのツールがあることを知りました。 公式ドキュメントのチュートリアルを写経してみたところ、かなり良かったのでご紹介します。 Redux Toolkit とは Redux ToolkitとはReduxをより簡潔に記述するためのツールです。 はじめはredux-starter-kitという名前で2018年から開発され、2019/10にv1.0がリリースされました。 Redux Toolkitは公式に作られたツールでReduxの公式サイトでも紹介するページがあります。 サンプルコード Redux Toolkitを使ったコードを見てみましょう。 const todosSlice = createSlice({ name: 'todos', // ① initialState: [], // ② reducers: { addTodo(state, a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
