はてなブックマーク

Home Definitive answers and clarification on the purpose and use cases for Context and Redux Introduction 🔗︎ "Context vs Redux" has been one of the most widely debated topics within the React community ever since the current React Context API was released. Sadly, most of this "debate" stems from confusion over the purpose and use cases for these two tools. I've answered various questions about Co

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Presentations series. An updated introduction to React, Redux, and TypeScript for 2020 I've done several previous iterations of an "Intro to React + Redux" presentation. The last one I did was back in 2018, and a lot has changed for both React and Redux since then. In particular, React Hooks

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Blogged Answers series. Thoughts on the tradeoffs of trying to write "reusable components" I just replied to a question by a developer who was concerned that they were writing components that aren't "reusable", and wanted to know how important that is, and figured it's worth pasting that her

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Blogged Answers series. Details on how React rendering behaves, and how use of Context and React-Redux affect rendering I've seen a lot of ongoing confusion over when, why, and how React will re-render components, and how use of Context and React-Redux will affect the timing and scope of tho

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Blogged Answers series. An explanation of how React Context behaves, and how React-Redux uses Context internally There's a couple assumptions that I've seen pop up repeatedly: React-Redux is "just a wrapper around React context" You can avoid re-renders caused by React context if you destruc

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Idiomatic Redux series. A look at the motivations, design, and goals for Redux Toolkit Today I am extremely excited to announce that: Redux Toolkit 1.0 is now available! Note: Redux Toolkit was formerly known as "Redux Starter Kit", but we renamed it to clarify the intended usage and audienc

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Idiomatic Redux series. Some history and explanations of how React-Redux got its API, and how it works internally Intro 🔗︎ React-Redux is conceptually pretty simple. It subscribes to the Redux store, checks to see if the data your component wants has changed, and re-renders your component.

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Blogged Answers series. Some clarification on what's going on with Redux I'm a Redux maintainer. There's been a lot of confusion, claims, and misinformation about Redux going around lately, and I want to help clear things up. Note: Updated 2020-12 with additional info and links TL;DR 🔗︎ Is

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Idiomatic Redux series. An overview of why and how to use Reselect with React and Redux Intro 🔗︎ In a good Redux architecture, you are encouraged to keep your store state minimal, and derive data from the state as needed. As part of that process, we recommend that you use "selector function

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Idiomatic Redux series. More thoughts on what Redux requires, how Redux is intended to be used, and what is possible with Redux Intro 🔗︎ I've spent a lot of time discussing Redux usage patterns online, whether it be helping answer questions from learners in the Reactiflux channels, debating

Random musings on React, Redux, and more, by Redux maintainer Mark "acemarke" Erikson This is a post in the Idiomatic Redux series. Thoughts on what Redux requires, how Redux is intended to be used, and what is possible with Redux Intro 🔗︎ I've spent a lot of time discussing Redux usage patterns online, whether it be helping answer questions from learners in the Reactiflux channels, debating poss

Home Opinions on the benefits and use cases of thunks and sagas with Redux Intro 🔗︎ I've spent a lot of time discussing Redux usage patterns online, whether it be helping answer questions from learners in the Reactiflux channels, debating possible changes to the Redux library APIs on Github, or discussing various aspects of Redux in comment threads on Reddit and HN. Over time, I've developed my o