# Redux

Published articles for Redux.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Why "state management" is a misleading term in React

DevFeed: [Why "state management" is a misleading term in React](<https://devfeed.tech/articles/the-absolute-state-of-management-26566.md>)

Original publisher: [Read original article](<https://infrequently.org/2026/07/state-management/>)

Author: Alex Russell

Published: 2026-07-23T00:00:00Z

Content type: opinion

Language: en

Sources: [Alex Russell](<https://devfeed.tech/sources/alex-russell.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>)

Tags: [alternatives](<https://devfeed.tech/tags/alternatives.md>), [frameworkism](<https://devfeed.tech/tags/frameworkism.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [library](<https://devfeed.tech/tags/library.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [state-management](<https://devfeed.tech/tags/state-management.md>), [webdev](<https://devfeed.tech/tags/webdev.md>)

### AI overview

This opinion article argues that "state management" is an imprecise label for React and the surrounding ecosystem. It surveys libraries including Redux, Zustand, Apollo, and others, and contends that they primarily encapsulate state or propagate notifications about state changes rather than manage state themselves.

### Source excerpt

It is by no means the gravest linguistic crime of the React epoch,1 but "state management" grates like nails on chalkboard. A Socratic dialogue I keep having about it goes something like this: me: This UI is far too heavyweight for what it does, have you considered not using React? them: But how will we do state management without React? me: What do you mean? <alternatives> are reactive. them: React manages state in our app. me: It does? Then what are <various_libraries> for? them: Oh, those manage state. me: The libraries that trigger this "Who's on First?" routine include: MobX, which promises "simple, scalable state management." Satchel, apparently, "is characterized by exposing an observable state that makes view updates painless and efficient" Recoil, billed as "a state management library for React" Jotai, which pledges "primitive and flexible state management for React" XState, a "state management and orchestration solution for JavaScript and TypeScript apps" Apollo, promising "a comprehensive GraphQL state management library for JavaScript" Redux, tagline: "a predictable state container for JavaScript apps." TanStack Store, "a framework-agnostic state primitive for immutable updates" Zustand, described as the "🐻 bear necessities for state management in React" Contrasts sharp enough to cut softened butter.2 Suffice it to say, the ecosystem has not picked a winner. Indeed, I regularly see several of these libraries on a single page. But even one would seem too many, given that we're adding a second "state management" system to a framework that spills considerable documentation ink chest-beating about its state management facilities. One of the following must be true: React is a state management system and someone has smuggled in a duplicative dependency we can jettison. React is an inadequate state management system and we should stop trusting it with an ill-defined subset of the "state management" problem. React is not a state management system and we should s

## Figma's 100x Approach to Scaling Its Collaborative Experience

DevFeed: [Figma's 100x Approach to Scaling Its Collaborative Experience](<https://devfeed.tech/articles/figma-s-100x-approach-to-scaling-its-collaborative-experience-17966.md>)

Original publisher: [Read original article](<https://newsletter.betterstack.com/p/figmas-100x-approach-to-scaling-its>)

Author: Richard Oliver Bray

Published: 2024-09-11T13:03:05Z

Content type: article

Language: en

Sources: [Hacking Scale by Better Stack](<https://devfeed.tech/sources/hacking-scale-by-better-stack.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Scalability](<https://devfeed.tech/topics/scalability.md>), [Databases](<https://devfeed.tech/topics/databases.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [React](<https://devfeed.tech/topics/react.md>), [Ruby](<https://devfeed.tech/topics/ruby.md>), [WebSocket](<https://devfeed.tech/topics/websocket.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [.NET 11 Preview 7](<https://devfeed.tech/topics/net-11-preview-7.md>)

Tags: [database](<https://devfeed.tech/tags/database.md>), [figma](<https://devfeed.tech/tags/figma.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [react](<https://devfeed.tech/tags/react.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [redux](<https://devfeed.tech/tags/redux.md>), [ruby](<https://devfeed.tech/tags/ruby.md>), [scalability](<https://devfeed.tech/tags/scalability.md>), [sharding](<https://devfeed.tech/tags/sharding.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

The article explains how Figma scaled real-time collaboration by developing LiveGraph, an in-house system inspired by GraphQL that acts as a shared data store or cache and manages database queries, updates, and client subscriptions. It also describes the scaling pressures that led to the LiveGraph 100x project.

### Source excerpt

How Figma destroyed their old setup and used the pieces to build a better one

## How Migrating from Vanilla Redux to Redux Toolkit Improved State Management in Shopify POS

DevFeed: [How Migrating from Vanilla Redux to Redux Toolkit Improved State Management in Shopify POS](<https://devfeed.tech/articles/how-migrating-from-vanilla-redux-to-redux-toolkit-improved-state-management-in-shopify-pos-1537.md>)

Original publisher: [Read original article](<https://shopify.engineering/react-redux-toolkit-migration>)

Author: Daniel Friyia

Published: 2023-03-31T13:30:02Z

Content type: article

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [migration](<https://devfeed.tech/topics/migration.md>), [Boilerplate](<https://devfeed.tech/topics/boilerplate.md>)

Tags: [migration](<https://devfeed.tech/tags/migration.md>), [react](<https://devfeed.tech/tags/react.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [redux](<https://devfeed.tech/tags/redux.md>), [shopify](<https://devfeed.tech/tags/shopify.md>)

### AI overview

Shopify describes migrating its POS application's state management from Vanilla Redux to Redux Toolkit to reduce boilerplate while preserving existing logic and Redux's unidirectional flow.

### Source excerpt

A look at Shopify's experience improving state management in the Shopify POS app by migrating from a Vanilla Redux codebase to Redux Toolkit one.

## Simplifying Redux in Kotlin: "mutating" immutable states with Mutekt

DevFeed: [Simplifying Redux in Kotlin: "mutating" immutable states with Mutekt](<https://devfeed.tech/articles/simplifying-redux-in-kotlin-mutating-immutable-states-with-mutekt-25748.md>)

Original publisher: [Read original article](<https://blog.shreyaspatil.dev/simplifying-redux-in-kotlin-mutating-immutable-states-with-mutekt/>)

Author: Shreyas Patil

Published: 2023-03-24T13:00:39Z

Content type: tutorial

Language: en

Sources: [Shreyas Patil's Blog](<https://devfeed.tech/sources/shreyas-patil-s-blog.md>)

Topics: [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [Development](<https://devfeed.tech/topics/development.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [multiplatform](<https://devfeed.tech/topics/multiplatform.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [developers](<https://devfeed.tech/tags/developers.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [kotlin-multiplatform](<https://devfeed.tech/tags/kotlin-multiplatform.md>), [multiplatform](<https://devfeed.tech/tags/multiplatform.md>), [redux](<https://devfeed.tech/tags/redux.md>), [state-management](<https://devfeed.tech/tags/state-management.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

This tutorial introduces Mutekt, a multiplatform Kotlin utility for simplifying immutable state updates with mutating syntax in Redux-like architectures. It begins by explaining common approaches to managing and updating Kotlin state models, including copying previous state and combining multiple states.

### Source excerpt

Simplify state management in Kotlin with Mutekt. Learn how to write 'mutating' syntax for immutable states in Redux-like architectures.

## How to Use WebSockets in a Redux Application

DevFeed: [How to Use WebSockets in a Redux Application](<https://devfeed.tech/articles/how-to-use-websockets-in-a-redux-application-37610.md>)

Original publisher: [Read original article](<https://www.taniarascia.com/websockets-in-redux/>)

Author: hello@taniarascia.com

Published: 2023-02-15T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tania Rascia](<https://devfeed.tech/sources/tania-rascia.md>)

Topics: [WebSocket](<https://devfeed.tech/topics/websocket.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [middleware](<https://devfeed.tech/topics/middleware.md>), [React](<https://devfeed.tech/topics/react.md>), [browser](<https://devfeed.tech/topics/browser.md>), [API](<https://devfeed.tech/topics/api.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [chat](<https://devfeed.tech/tags/chat.md>), [dashboard](<https://devfeed.tech/tags/dashboard.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [websockets](<https://devfeed.tech/tags/websockets.md>)

### AI overview

A tutorial on integrating WebSockets into a React/Redux application by using Redux middleware to manage connection events, state access, and dispatched actions. It demonstrates a browser WebSocket client and discusses initializing and closing connections for use cases such as chat and live dashboards.

### Source excerpt

At some point, you might work on a React/Redux application that requires the use of WebSockets, such as for chat or live updates on a...

## Reclaim the reactivity of your state management, say no to imperative MVI

DevFeed: [Reclaim the reactivity of your state management, say no to imperative MVI](<https://devfeed.tech/articles/reclaim-the-reactivity-of-your-state-management-say-no-to-imperative-mvi-25932.md>)

Original publisher: [Read original article](<https://proandroiddev.com/reclaim-the-reactivity-of-your-state-management-say-no-to-imperative-mvi-3b23ca6b8537?source=rss-7a8d96da8cb6------2>)

Author: Gabor Varadi

Published: 2022-05-02T05:05:46Z

Content type: opinion

Language: en

Sources: [Stories by Gabor Varadi on Medium](<https://devfeed.tech/sources/stories-by-gabor-varadi-on-medium.md>)

Topics: [reactive](<https://devfeed.tech/topics/reactive.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [Elm](<https://devfeed.tech/topics/elm.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Programming](<https://devfeed.tech/topics/programming.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-app-development](<https://devfeed.tech/tags/android-app-development.md>), [androiddev](<https://devfeed.tech/tags/androiddev.md>), [architecture](<https://devfeed.tech/tags/architecture.md>), [architecture-pattern](<https://devfeed.tech/tags/architecture-pattern.md>), [clean-code](<https://devfeed.tech/tags/clean-code.md>), [elm](<https://devfeed.tech/tags/elm.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [model-view-intent](<https://devfeed.tech/tags/model-view-intent.md>), [mvi](<https://devfeed.tech/tags/mvi.md>), [reactive](<https://devfeed.tech/tags/reactive.md>), [redux](<https://devfeed.tech/tags/redux.md>), [state](<https://devfeed.tech/tags/state.md>), [state-management](<https://devfeed.tech/tags/state-management.md>)

### AI overview

The article critiques imperative MVI-style state management as overly complex and boilerplate-heavy. It traces MVI's web-oriented history through Cycle.js, The Elm Architecture, and Redux, and questions whether those patterns fit statically typed application development.

### Source excerpt

Do you find yourself chasing for "clean code, clean architecture, clean design, clean state management" yet still feel bogged down in a sea of boilerplate for even the simplest of tasks -- such as showing a simple list fetched with a coroutine? Surely this could be done in a single line or maybe about seven, but it certainly shouldn't need gigantic case-whens, three layers of indirection, and so on? Well, normally you could just invoke functions on ViewModel and it would work, but if you're forced to seek the "architectural holy grail", no one around you will trust your code unless you add at least one sealed class called ViewActions, and increase the cyclomatic complexity of your "action handler" function until it feels "just clean enough". (After all, surely the more completely unrelated things a single function does based on its argument, the more it has a "single responsibility" of handling literally everything, which is why you know it's definitely the best possible way to do it. 😏) Anyway, the boilerplate of coupling together all aspects into a single class, whether it is a function call or state property, this all has a history: namely, it came from the web. The brief history of MVI MVI stands for "model-view-intent" and comes from a (not very popular for use in production) Javascript framework called Cycle.js, hand-in-hand with a (not popular anymore) concept called "The Elm Architecture" defined as the best practices and intended use of an experimental (and since 2019, unmaintained) "functional-reactive programming language for the web" called ELM. Then again, these didn't come from a vacuum either -- the originator is Redux, in 2015. The general idea was to implement a state machine using the command processor pattern in Javascript, thereby supporting "undo" functionality (also often referred to as "time-travel debugging"). Of course, most design decisions of Redux only make sense for Javascript -- as it is a language with no static typing. It makes sense to

## KMM Oddity #2: Initialization order of top-level properties

DevFeed: [KMM Oddity #2: Initialization order of top-level properties](<https://devfeed.tech/articles/kmm-oddity-2-initialization-order-of-top-level-properties-24738.md>)

Original publisher: [Read original article](<https://medium.com/xorum-io/kmm-oddity-2-initialization-order-of-top-level-properties-edd11ec350a2?source=rss----92bb7980cc9f---4>)

Author: Yev Kanivets

Published: 2021-11-15T15:44:44Z

Content type: tutorial

Language: en

Sources: [xorum.io - Medium](<https://devfeed.tech/sources/xorum-io-medium.md>)

Topics: [Kotlin Multiplatform](<https://devfeed.tech/topics/kotlin-multiplatform.md>), [kotlin-native](<https://devfeed.tech/topics/kotlin-native.md>), [Android](<https://devfeed.tech/topics/android.md>), [iOS](<https://devfeed.tech/topics/ios.md>), [Redux](<https://devfeed.tech/topics/redux.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [ios](<https://devfeed.tech/tags/ios.md>), [kmm](<https://devfeed.tech/tags/kmm.md>), [kmp](<https://devfeed.tech/tags/kmp.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [kotlin-multiplatform](<https://devfeed.tech/tags/kotlin-multiplatform.md>), [kotlin-native](<https://devfeed.tech/tags/kotlin-native.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [redux](<https://devfeed.tech/tags/redux.md>)

### AI overview

This article examines an initialization-order oddity involving Kotlin top-level properties in Kotlin Multiplatform Mobile. It compares behavior when dependent properties are declared in one file or separate files, including differing initialization sequences in Android and iOS applications.

### Source excerpt

Kotlin Multiplatform goes Beta this Spring (2022), so it removes all major hassles (Memory Model and Kotlin/Native concurrency, for example) which KMP developers face. But even with the Stable version (hopefully by the end of 2022), we are going to have a certain number of minor issues or simply oddities while using this relatively young technology (especially with Kotlin/Native). Most of them are already reported in Kotlin's YouTrack, so go check it before stressing out. I've encountered many such issues myself for the past two years with Kotlin Multiplatform Mobile. In this series of articles, I'll share my favorite oddities of KMM with explanations and workarounds (if possible). Top-level properties In Kotlin, we are able to declare top-level (or global) variables, which are accessible from anywhere in the given module or even the whole application. For example, let's say that we have a data class Order: https://medium.com/media/a25461d8a0d6b9b56cb9dd912331f029/href This class has a name and an optional dependency to another Order. The init block is here to help us understand when it's initialized. While it's generally a bad idea to declare instances of such class as a global variable, we are going to do it twice in the same file for now. As you can see, orderB depends on orderA, so it must be initialized first. https://medium.com/media/b290af047e51b599b293e0aca4e01fee/href It's done for demo purposes here, but a real application can require it as well (think about store, reducers, and middleware from Redux architectural pattern, which are all global variables by default). When run, we see the expected order of initialization in logs of both, Android and iOS applications: Init orderA / Init orderB. Single-file initialization order When we have all connected top-level variables in the same file, things are simple. To check it, swap the orderA with orderB. https://medium.com/media/25fc0522be792d1cfa0da6cbd4ec7f90/href Do you see? Android Studio will complain about

## GraphQL, meet LiveGraph: a real-time data system at scale

DevFeed: [GraphQL, meet LiveGraph: a real-time data system at scale](<https://devfeed.tech/articles/graphql-meet-livegraph-a-real-time-data-system-at-scale-9950.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/livegraph-real-time-data-fetching-at-figma/>)

Author: Rudi Chen; Slava Kim

Published: 2021-10-14T00:00:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [real-time](<https://devfeed.tech/topics/real-time.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Figma](<https://devfeed.tech/topics/figma.md>), [React](<https://devfeed.tech/topics/react.md>), [Replication](<https://devfeed.tech/topics/replication.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [Databases](<https://devfeed.tech/topics/databases.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [complexity](<https://devfeed.tech/tags/complexity.md>), [database](<https://devfeed.tech/tags/database.md>), [features](<https://devfeed.tech/tags/features.md>), [figma](<https://devfeed.tech/tags/figma.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [react](<https://devfeed.tech/tags/react.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [redux](<https://devfeed.tech/tags/redux.md>), [replication](<https://devfeed.tech/tags/replication.md>)

### AI overview

Figma describes LiveGraph, a real-time data-fetching layer built on Postgres. It lets frontend code express live data subscriptions with GraphQL, queries the database directly, and delivers millisecond-scale updates by reading the database replication stream. The system addresses growing complexity in incremental loading, client state, and manually managed event-based updates.

### Source excerpt

Software Engineers Rudi Chen and Slava Kim shares an inside look at how we empower engineers to build real-time data views, while abstracting the complexity of pushing data back and forth.

## How to Structure and Organize a React Application

DevFeed: [How to Structure and Organize a React Application](<https://devfeed.tech/articles/how-to-structure-and-organize-a-react-application-37602.md>)

Original publisher: [Read original article](<https://www.taniarascia.com/react-architecture-directory-structure/>)

Author: hello@taniarascia.com

Published: 2021-06-23T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tania Rascia](<https://devfeed.tech/sources/tania-rascia.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [structure](<https://devfeed.tech/topics/structure.md>), [React Hooks](<https://devfeed.tech/topics/react-hooks.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [React Router](<https://devfeed.tech/topics/react-router.md>), [styled-components](<https://devfeed.tech/topics/styled-components.md>), [Jest](<https://devfeed.tech/topics/jest.md>), [testing-library](<https://devfeed.tech/topics/testing-library.md>), [Authentication](<https://devfeed.tech/topics/authentication.md>)

Tags: [authentication](<https://devfeed.tech/tags/authentication.md>), [css](<https://devfeed.tech/tags/css.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [jest](<https://devfeed.tech/tags/jest.md>), [react](<https://devfeed.tech/tags/react.md>), [react-hooks](<https://devfeed.tech/tags/react-hooks.md>), [react-router](<https://devfeed.tech/tags/react-router.md>), [redux](<https://devfeed.tech/tags/redux.md>), [state-management](<https://devfeed.tech/tags/state-management.md>), [structure](<https://devfeed.tech/tags/structure.md>)

### AI overview

This tutorial presents an opinionated, feature-focused directory structure for organizing large-scale production React applications. It explains how to separate global shared components from feature-specific code and discusses accompanying choices for Redux, React Router, styling, testing, and authentication.

### Source excerpt

There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the...

## How and When to Use Context in React with Hooks

DevFeed: [How and When to Use Context in React with Hooks](<https://devfeed.tech/articles/how-and-when-to-use-context-in-react-with-hooks-37603.md>)

Original publisher: [Read original article](<https://www.taniarascia.com/react-context-api-hooks/>)

Author: hello@taniarascia.com

Published: 2021-06-15T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tania Rascia](<https://devfeed.tech/sources/tania-rascia.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [hooks](<https://devfeed.tech/topics/hooks.md>), [context](<https://devfeed.tech/topics/context.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [code](<https://devfeed.tech/tags/code.md>), [dashboard](<https://devfeed.tech/tags/dashboard.md>), [graph](<https://devfeed.tech/tags/graph.md>), [hooks](<https://devfeed.tech/tags/hooks.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [state](<https://devfeed.tech/tags/state.md>), [state-management](<https://devfeed.tech/tags/state-management.md>), [table](<https://devfeed.tech/tags/table.md>)

### AI overview

A tutorial on using React Context with modern functional components and hooks. It explains that Context can pass data across components and is useful for localized, reusable state, while Redux remains more suitable for large-scale global state management.

### Source excerpt

A while ago, I wrote an article about Using Context API in React. However, most of my examples on that page used Class components, , and...

## Filling the Stack: Five Things That Helped Me Transition From Frontend to Backend Development

DevFeed: [Filling the Stack: Five Things That Helped Me Transition From Frontend to Backend Development](<https://devfeed.tech/articles/filling-the-stack-five-things-that-helped-me-transition-from-frontend-to-backend-development-24574.md>)

Original publisher: [Read original article](<https://medium.com/headspace-engineering/filling-the-stack-five-things-that-helped-me-transition-from-frontend-to-backend-development-f9524b9548be?source=rss-3da90e297190------2>)

Author: Headspace

Published: 2021-03-30T18:57:45Z

Content type: tutorial

Language: en

Sources: [Stories by Headspace on Medium](<https://devfeed.tech/sources/stories-by-headspace-on-medium.md>)

Topics: [backend-development](<https://devfeed.tech/topics/backend-development.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [API](<https://devfeed.tech/topics/api.md>), [Development](<https://devfeed.tech/topics/development.md>), [React](<https://devfeed.tech/topics/react.md>), [Redux](<https://devfeed.tech/topics/redux.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [backend-development](<https://devfeed.tech/tags/backend-development.md>), [development](<https://devfeed.tech/tags/development.md>), [facebook](<https://devfeed.tech/tags/facebook.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [instagram](<https://devfeed.tech/tags/instagram.md>), [linkedin](<https://devfeed.tech/tags/linkedin.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>)

### AI overview

A Headspace engineer shares five tips drawn from transitioning from frontend to backend/API engineering while working at the company. The article describes communicating career intentions, exploring internal opportunities, and building new skills on the job.

### Source excerpt

A few tips on how I added Backend/API engineer to my list of skills while on the job at Headspace. Author: Lee Richardson, Senior Software Engineer Intro I started my career at Headspace (1000 years ago, way back in 2019!) as a Web engineer. Our frontend stack is primarily React, Redux, Redux-Saga, Emotion and several internal libraries for shared functionality/UI components. The first big feature I worked on was a group meditation feature, which we designed to be compatible with live audio or video streams. We were excited to add a live, community-minded feature into the app experience. After several initial product iterations, we decided to focus on other community-minded features, and our squad no longer needed a Web engineer (quick side note on what Headspace calls "squads" -- these are cross-functional groups organized around a particular business focus, usually containing a product owner, tech lead, and engineers across various disciplines). I started to feel lost, like my squad was moving onto bigger and better things and I was being left behind. After a few days of low-grade sulking, I started having conversations with engineers from other squads, taking a lap around the company to see what everyone was working on, and what might be a good fit for my skills. After some research, I transitioned to be primarily a backend engineer in late 2019.In this article, I share a few tips on how my skills expanded while on the job. Make Your Intentions Known When my future role became less defined, I started to doubt myself and my future at Headspace. After some mindful reflection and meditation, I was able to catch myself in a negative thought pattern and snap out of it. I had conversations with my manager and colleagues, to get a feel for what everyone was working on. I was explicit about wanting to find a new team. Word got out, and I eventually decided that I wanted to join the Headspace Health team to explore the healthcare space. I had previously worked with several

## GraphQL Summit 2021 Will Be Split Between Worldwide and Scale Events

DevFeed: [GraphQL Summit 2021 Will Be Split Between Worldwide and Scale Events](<https://devfeed.tech/articles/graphql-summit-is-just-around-the-corner-23343.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/graphql-summit-is-just-around-the-corner>)

Author: Julia Black

Published: 2021-03-04T13:44:20Z

Content type: release

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [apollo-server](<https://devfeed.tech/topics/apollo-server.md>)

Tags: [apollo](<https://devfeed.tech/tags/apollo.md>), [community](<https://devfeed.tech/tags/community.md>), [event](<https://devfeed.tech/tags/event.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [observability](<https://devfeed.tech/tags/observability.md>), [redux](<https://devfeed.tech/tags/redux.md>), [subscriptions](<https://devfeed.tech/tags/subscriptions.md>), [summit](<https://devfeed.tech/tags/summit.md>), [talks](<https://devfeed.tech/tags/talks.md>), [testing](<https://devfeed.tech/tags/testing.md>)

### AI overview

The 2021 GraphQL Summit will be divided into two days: GraphQL Summit Worldwide on April 7, featuring GraphQL-focused talks, and GraphQL Summit Scale on April 8, focused on technical and cultural challenges of creating an organization-wide data graph.

### Source excerpt

After listening to the community, we've decided to something a little different with GraphQL Summit this year. We're splitting the event across two days with distinct focuses for GraphQL Summit Worldwide and GraphQL Summit Scale. GraphQL Summit Worldwide -- April 7th, 2021 Register for Day One of GraphQL Summit Worldwide for various GraphQL-focused talks on Subscriptions, Federation, Testing, Apollo Client, and more. Announcing the GraphQL Summit Worldwide Talks!!

## Redux to Apollo: Data Access Patterns

DevFeed: [Redux to Apollo: Data Access Patterns](<https://devfeed.tech/articles/redux-to-apollo-data-access-patterns-23494.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/redux-to-apollo-data-access-patterns>)

Author: Dan Reynolds

Published: 2021-01-29T11:30:04Z

Content type: tutorial

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [selectors](<https://devfeed.tech/topics/selectors.md>), [migration](<https://devfeed.tech/topics/migration.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [migration](<https://devfeed.tech/tags/migration.md>), [redux](<https://devfeed.tech/tags/redux.md>), [selectors](<https://devfeed.tech/tags/selectors.md>), [state-management](<https://devfeed.tech/tags/state-management.md>)

### AI overview

This article describes NerdWallet's migration from a React-Redux codebase to Apollo for client-side state management. It focuses on implementing data access, filtering, transformation, side-effect handling, and Redux-selector-like patterns with GraphQL and Apollo Client.

### Source excerpt

As part of NerdWallet's migration from our React-Redux code base to client state management using Apollo, we've been exploring how to effectively implement data access patterns, side-effects handling, and other aspects of client state management using GraphQL and Apollo Client. This first post examines how we accomplish effective data access, filtering and transformation on the client like we currently do using Redux selectors.

## Apollo Client & Client-side Architecture Basics

DevFeed: [Apollo Client & Client-side Architecture Basics](<https://devfeed.tech/articles/apollo-client-client-side-architecture-basics-23254.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/client-side-architecture-basics>)

Author: Khalil Stemmler

Published: 2020-07-17T10:56:10Z

Content type: article

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [React](<https://devfeed.tech/topics/react.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [Angular](<https://devfeed.tech/topics/angular.md>), [context](<https://devfeed.tech/topics/context.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [architecture](<https://devfeed.tech/tags/architecture.md>), [context](<https://devfeed.tech/tags/context.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [hooks](<https://devfeed.tech/tags/hooks.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>)

### AI overview

This article introduces client-side architecture basics for React applications. It discusses architectural principles, developer experience, different kinds of application state, concerns such as authentication and networking, and the role Apollo Client can play.

### Source excerpt

Architecture is the foundation, the skeleton, that sets your project up for success. It's the stuff that we wish we got right from the start because making drastic architectural changes, later on, can be challenging and time-consuming. Today, we React developers have tools like Context, Hooks, Redux, and xState.

## Demystifying Cache Normalization

DevFeed: [Demystifying Cache Normalization](<https://devfeed.tech/articles/demystifying-cache-normalization-23267.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/demystifying-cache-normalization>)

Author: Khalil Stemmler

Published: 2020-07-17T10:55:32Z

Content type: tutorial

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [Algorithms](<https://devfeed.tech/topics/algorithms.md>)

Tags: [algorithm](<https://devfeed.tech/tags/algorithm.md>), [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [caching](<https://devfeed.tech/tags/caching.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>)

### AI overview

A tutorial on Apollo Client's cache normalization for interconnected GraphQL data. It explains how Apollo Client caches and normalizes query responses, deduplicates requests, decides between cached data and network requests, and updates the cache after mutations.

### Source excerpt

Apollo Client has a particularly challenging responsibility: to make interconnected GraphQL data easy to use on the client-side. In most rich client applications, we need the ability to cache data and pass it to components. We also need to know when to re-fetch data vs. when to return what's already cached; this helps to avoid making unnecessary network requests. This kind of caching logic can be hard to implement, even if you're not using GraphQL.

## How I built my first search component in React

DevFeed: [How I built my first search component in React](<https://devfeed.tech/articles/how-i-built-my-first-search-component-in-react-20014.md>)

Original publisher: [Read original article](<http://engineering.hackerearth.com/2020/07/17/how-i-built-my-first-search-component/>)

Published: 2020-07-17T00:00:00Z

Content type: tutorial

Language: en

Sources: [HackerEarth](<https://devfeed.tech/sources/hackerearth.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [Development](<https://devfeed.tech/topics/development.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>)

Tags: [architecture](<https://devfeed.tech/tags/architecture.md>), [caching](<https://devfeed.tech/tags/caching.md>), [code](<https://devfeed.tech/tags/code.md>), [components](<https://devfeed.tech/tags/components.md>), [modal](<https://devfeed.tech/tags/modal.md>), [module](<https://devfeed.tech/tags/module.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [render](<https://devfeed.tech/tags/render.md>), [search](<https://devfeed.tech/tags/search.md>), [server](<https://devfeed.tech/tags/server.md>)

### AI overview

A developer explains how they built a React search component for a donation platform. The component displays search results in a modal, uses Redux actions, reducers, and a store to manage state, and relies on a service layer for server requests, caching, and error handling.

### Source excerpt

In 2016, I was working to build a platform to help NGOs raise donations. The platform was supposed to be built using React. The beautiful designs were in place. I was excited to build some new features as well as to try out the new architecture using Redux on a larger scale. Yes, this was the time when Redux was fairly new. React still had PropTypes package attached to its core. The lifecycle method componentWillReceiveProps used to dominate the scene. Out of the many design components that I worked while building that platform, I am going to discuss my first search component in React here. Elements of a search bar The search bar was a simple input field placed at the middle of the main header. The design idea was to have a search component which displays results as soon as the user inputs something in it. Then, to provide a simple cross icon at the right end of the input field to clear the inputs and hide the search results. The search results were supposed to appear inside a modal starting below the main header of the site. Below are the designs to help you visualise things better: If you typed on the search bar, a search results component appeared and showed NGOs, Live Projects and Campaigns. Development Redux Architecture While building apps using Redux architecture, one should be cognizant of its three principles (Single source of truth, State is read-only and Changes are made with pure functions). In computer programming, a pure function is a function that has the following properties: Its return value is the same for the same arguments Its evaluation has no side effects In our case, a single module (file) was created to include action types, reducers and action creators. The flow was - when the user inputs something in the search field, we will take that value and pass it through an action creator which will fetch the results from the server for the queried string and return an action type along with the result. There was also a service layer in the middle, w

## Dispatch This: Using Apollo Client 3 as a State Management Solution

DevFeed: [Dispatch This: Using Apollo Client 3 as a State Management Solution](<https://devfeed.tech/articles/dispatch-this-using-apollo-client-3-as-a-state-management-solution-23275.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/dispatch-this-using-apollo-client-3-as-a-state-management-solution>)

Author: Khalil Stemmler

Published: 2020-05-13T08:48:59Z

Content type: tutorial

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [React](<https://devfeed.tech/topics/react.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [context](<https://devfeed.tech/topics/context.md>), [Cache](<https://devfeed.tech/topics/cache.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>)

Tags: [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [cache](<https://devfeed.tech/tags/cache.md>), [context](<https://devfeed.tech/tags/context.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [state-management](<https://devfeed.tech/tags/state-management.md>)

### AI overview

This article explains how Apollo Client 3 can serve as a state management solution alongside or instead of approaches such as Redux and React Context. It describes state management responsibilities including storage, updating state, and reactivity, and discusses combining local state with remote data.

### Source excerpt

A lot of developers understand how to use Redux or React Context for state management but are left confused about how to use Apollo Client as a replacement. In this article, we'll break down the responsibilities of a state management solution, discuss what's involved in building a solution from scratch, and how Apollo Client 3 introduces new ways to manage local state and remote data in harmony. You can also watch the talk presented at Apollo Space Camp 2020 by Khalil Stemmler here on YouTube.

## GraphQL Summit Takeaways on Adoption, Architecture, and Caching

DevFeed: [GraphQL Summit Takeaways on Adoption, Architecture, and Caching](<https://devfeed.tech/articles/what-i-learned-at-graphql-summit-23573.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/what-i-learned-at-graphql-summit-f61d6fc6680a>)

Author: Khalil Stemmler

Published: 2019-11-14T18:39:44Z

Content type: article

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [API](<https://devfeed.tech/topics/api.md>), [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [migration](<https://devfeed.tech/topics/migration.md>), [React Hooks](<https://devfeed.tech/topics/react-hooks.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [developer velocity](<https://devfeed.tech/topics/developer-velocity.md>), [React Native](<https://devfeed.tech/topics/react-native.md>), [Redux](<https://devfeed.tech/topics/redux.md>)

Tags: [apollo](<https://devfeed.tech/tags/apollo.md>), [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [caching](<https://devfeed.tech/tags/caching.md>), [can](<https://devfeed.tech/tags/can.md>), [code](<https://devfeed.tech/tags/code.md>), [community](<https://devfeed.tech/tags/community.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [developer-velocity](<https://devfeed.tech/tags/developer-velocity.md>), [development](<https://devfeed.tech/tags/development.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [migration](<https://devfeed.tech/tags/migration.md>), [react](<https://devfeed.tech/tags/react.md>), [react-hooks](<https://devfeed.tech/tags/react-hooks.md>), [redux](<https://devfeed.tech/tags/redux.md>), [rest](<https://devfeed.tech/tags/rest.md>), [server](<https://devfeed.tech/tags/server.md>), [summit](<https://devfeed.tech/tags/summit.md>)

### AI overview

The article summarizes themes from GraphQL Summit, including GraphQL adoption and incremental migration from REST and Redux, architectural benefits of the data graph, the Apollo and React Hooks stack, deployment challenges, federation, schema change validation, and caching.

### Source excerpt

This year, I flew out to San Francisco to attend (and help host!) my very first GraphQL Summit. As a Canadian flying to San Francisco for the first time, I was delighted to escape the Toronto cold to explore a new city, meet my awesome new Apollo colleagues, hang out with puppies (oh yeah--we had a puppy booth 🐶), chat with devs from around the world, and of course learn everything I could about the present and future of GraphQL.

## Developer Spotlight: Postmates

DevFeed: [Developer Spotlight: Postmates](<https://devfeed.tech/articles/developer-spotlight-postmates-15607.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/developer-spotlight-postmates>)

Author: Richard Moot

Published: 2019-08-14T10:00:00Z

Content type: article

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [API](<https://devfeed.tech/topics/api.md>), [Binance](<https://devfeed.tech/topics/binance.md>), [Back end](<https://devfeed.tech/topics/backend.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [React](<https://devfeed.tech/topics/react.md>), [Elixir](<https://devfeed.tech/topics/elixir.md>), [Erlang](<https://devfeed.tech/topics/erlang.md>), [Go](<https://devfeed.tech/topics/go.md>), [Python](<https://devfeed.tech/topics/python.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [Scala](<https://devfeed.tech/topics/scala.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [apis](<https://devfeed.tech/tags/apis.md>), [backend](<https://devfeed.tech/tags/backend.md>), [developer](<https://devfeed.tech/tags/developer.md>), [developer-velocity](<https://devfeed.tech/tags/developer-velocity.md>), [elixir](<https://devfeed.tech/tags/elixir.md>), [erlang](<https://devfeed.tech/tags/erlang.md>), [frameworks](<https://devfeed.tech/tags/frameworks.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [go](<https://devfeed.tech/tags/go.md>), [integration](<https://devfeed.tech/tags/integration.md>), [java](<https://devfeed.tech/tags/java.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [python](<https://devfeed.tech/tags/python.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [scala](<https://devfeed.tech/tags/scala.md>), [slack](<https://devfeed.tech/tags/slack.md>), [spotlight](<https://devfeed.tech/tags/spotlight.md>), [swift](<https://devfeed.tech/tags/swift.md>), [typescript](<https://devfeed.tech/tags/typescript.md>)

### AI overview

Square's developer spotlight features Postmates and discusses its integration with the Square Orders API, along with Postmates' engineering organization, development practices, and technology stack.

### Source excerpt

Postmates talks with us about their integration of Orders API

## GSoC 2019 - Developer Web Interface for ReactOS (Community Bonding and week 1,2)

DevFeed: [GSoC 2019 - Developer Web Interface for ReactOS (Community Bonding and week 1,2)](<https://devfeed.tech/articles/gsoc-2019-developer-web-interface-for-reactos-community-bonding-and-week-1-2-32802.md>)

Original publisher: [Read original article](<https://reactos.org/blogs/gsoc-2019-developer-web-interface-reactos-community-bonding-and-week-12/>)

Published: 2019-06-07T00:00:00Z

Content type: article

Language: en

Sources: [Front Page on ReactOS Website](<https://devfeed.tech/sources/front-page-on-reactos-website.md>)

Topics: [ReactOS](<https://devfeed.tech/topics/reactos.md>), [React](<https://devfeed.tech/topics/react.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [GitHub API](<https://devfeed.tech/topics/github-api.md>), [Heroku](<https://devfeed.tech/topics/heroku.md>), [Pull Request](<https://devfeed.tech/topics/pull-request.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [free](<https://devfeed.tech/tags/free.md>), [heroku](<https://devfeed.tech/tags/heroku.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [os](<https://devfeed.tech/tags/os.md>), [react](<https://devfeed.tech/tags/react.md>), [reactos](<https://devfeed.tech/tags/reactos.md>), [redux](<https://devfeed.tech/tags/redux.md>), [win32](<https://devfeed.tech/tags/win32.md>), [winapi](<https://devfeed.tech/tags/winapi.md>)

### AI overview

A GSoC 2019 student describes developing a React and Redux web interface for ReactOS. During the community bonding period and first two weeks, the project included learning the frontend technologies, connecting to GitHub API endpoints, rendering commits, pull requests, and branches, and deploying the application on Heroku.

### Source excerpt

Introduction Hey Everyone, I'm Ayush Kumar Sinha, A 2nd Year CS undergraduate from VIT Vellore, India and a GSoC student this year under ReactOS : ) How I got to know about the project While scrolling through the list of accepted Orgs of 2018 (with filters like web, C++, javascript)I bumped into ReactOS. Hey!! they are building Windows-like OS from scratch, Sounds cool :). But the project ideas look quite hard with my existing C/C++ skills.

## React State: Choose Wisely

DevFeed: [React State: Choose Wisely](<https://devfeed.tech/articles/react-state-choose-wisely-21880.md>)

Original publisher: [Read original article](<https://ponyfoo.com/articles/react-state-choose-wisely>)

Author: jsmapr1@gmail.com (Joe Morgan)

Published: 2019-03-19T13:22:59Z

Content type: tutorial

Language: en

Sources: [Pony Foo](<https://devfeed.tech/sources/pony-foo.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [context](<https://devfeed.tech/topics/context.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [component](<https://devfeed.tech/tags/component.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [state](<https://devfeed.tech/tags/state.md>), [state-management](<https://devfeed.tech/tags/state-management.md>)

### AI overview

This tutorial compares three approaches to managing state in React: local component state, global state using Redux, and Context. It evaluates them by implementation speed, data encapsulation, and accessibility from other components.

### Source excerpt

Proper state handling in React will make your components simple and maintainable. Poor choices will give you lots of headaches in the long-term. There are plenty of options for managing state in a React app. But there's very little guidance about which one you should use in any situation. Let's fix that. The solution you pick to manage state should fit they way you want to use the items you hold in state. Your choice should also make it easy for you to update, reuse, and refactor your code. In other words, your choice of state management can make your life easy or hard. Here's a non-exhaustive list of things you should consider: How quickly can you add new state code? How well encapsulated is your stateful data? How easy is it to pull the data into a new component? Let's use this list as a basis for comparing different ways of handling state. To do this, we'll make the same simple component using three different forms of state handling. By making the same thing three ways, you'll get a few nice perspectives. First, you'll see that any approach can solve any problem. This is important because if you know that you can solve nearly any problem with any form of state management, you can turn your attention from the technical problem of getting it working, to the more abstract problem of making it work well in your over all application. Second, by making the same thing three ways, you'll start to see the subtle differences which can become big headaches as an applications grows. What are the three ways to manage state? Local State: State stored directly on the component. Global State: A global store. In this example, you'll use redux. Context: A newer API that lets you access state higher up the tree. Using the three points of comparison and the three ways of managing state, you'll be able to build a nice table that will let you compare the different options. Local Global Context Easy ? ? ? Encapsulated ? ? ? Available ? ? ? Alright. Let's get started. You'll be making a

## Garbage Collection in Redux Applications

DevFeed: [Garbage Collection in Redux Applications](<https://devfeed.tech/articles/garbage-collection-in-redux-applications-2035.md>)

Original publisher: [Read original article](<https://developers.soundcloud.com/blog//garbage-collection-in-redux-applications>)

Published: 2019-01-24T00:00:00Z

Content type: tutorial

Language: en

Sources: [SoundCloud Backstage Blog](<https://devfeed.tech/sources/soundcloud-backstage-blog.md>)

Topics: [Redux](<https://devfeed.tech/topics/redux.md>), [Xbox](<https://devfeed.tech/topics/xbox.md>), [Memory Leaks](<https://devfeed.tech/topics/memory-leaks.md>), [React](<https://devfeed.tech/topics/react.md>), [Universal Windows Platform](<https://devfeed.tech/topics/uwp.md>), [C++](<https://devfeed.tech/topics/c-plus-plus.md>)

Tags: [c-plus-plus](<https://devfeed.tech/tags/c-plus-plus.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [memory-leak](<https://devfeed.tech/tags/memory-leak.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [xbox](<https://devfeed.tech/tags/xbox.md>)

### AI overview

SoundCloud describes memory growth in its Xbox React Redux application, which runs in a UWP web-view wrapper with a native C++ playback layer. Testing found that the Redux store kept growing during sessions lasting more than an hour under Xbox background-memory constraints.

### Source excerpt

The SoundCloud Xbox application is a regular React Redux application that runs in a native web view wrapper on Microsoft's UWP framework. In...

## Getting a handle on Reduce

DevFeed: [Getting a handle on Reduce](<https://devfeed.tech/articles/getting-a-handle-on-reduce-32126.md>)

Original publisher: [Read original article](<https://adambard.com/blog/getting-a-handle-on-reduce/>)

Published: 2018-12-17T00:00:00Z

Content type: tutorial

Language: en

Sources: [Adam Bard](<https://devfeed.tech/sources/adam-bard.md>)

Topics: [Functional programming](<https://devfeed.tech/topics/functional-programming.md>), [Programming](<https://devfeed.tech/topics/programming.md>), [Data structures](<https://devfeed.tech/topics/data-structures.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [data-structures](<https://devfeed.tech/tags/data-structures.md>), [functional-programming](<https://devfeed.tech/tags/functional-programming.md>), [programming](<https://devfeed.tech/tags/programming.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>)

### AI overview

An approachable introduction to the higher-order function reduce, also known as fold or aggregate. The article explains how reduce relates to functional programming, immutable data structures, loops, list comprehensions, React, and Redux.

### Source excerpt

Although traditional algol-inspired languages remain dominant, over the past decade or so, functional programming techniques utilizing immutable data structures have seen widespread adoption in a variety of domains. From React and friends on the frontend to Map-Reduce and the vast ecosystem of thus-inspired data warehousing systems that power some of the world's largest software applications, the ability to navigate such applications is now a must-have skill for many programmers. The subject of today's article is a higher-order function called reduce, also known as fold, aggregate, and others. Reduce is a fundamentally useful tool, but I find that many developers have trouble grasping and using it. My hope here is to make an approachable introduction to reduce.

## Simple State Management with RxJS's scan operator

DevFeed: [Simple State Management with RxJS's scan operator](<https://devfeed.tech/articles/simple-state-management-with-rxjs-s-scan-operator-21333.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2018/10/simple-state-management-with-scan/>)

Published: 2018-10-09T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [frontend development](<https://devfeed.tech/topics/frontend-development.md>), [Redux](<https://devfeed.tech/topics/redux.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [frontend-development](<https://devfeed.tech/tags/frontend-development.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [redux](<https://devfeed.tech/tags/redux.md>), [rxjs](<https://devfeed.tech/tags/rxjs.md>), [state-management](<https://devfeed.tech/tags/state-management.md>)

### AI overview

A tutorial on using RxJS's scan operator to build a simple state-management solution for frontend applications. It contrasts this lightweight approach with more structured patterns and libraries such as Flux and Redux, while noting that the example is intentionally naive and should be adapted to specific needs.

### Source excerpt

Lorem ipsum dolor sit amet

[Next page](<https://devfeed.tech/tags/redux.md?cursor=WyIyMDE4LTEwLTA5VDAwOjAwOjAwKzAwOjAwIiwgIjVhM2QyNmNiLTFhZDgtNGIwZC04NWZiLTc4OTQzNWNjODFjNCJd>)