Q: How to create a custom lens for derived data in Shades?

Define a virtual lens with `get` and `mod` methods, as shown in the Virtual Lenses section. For instance, to convert temperatures, create a lens that transforms between units using custom getter and modifier functions.

Q: Does Shades support async operations or Promises?

Shades is designed for synchronous data manipulation; while collection functions can handle Promises if wrapped, async lenses are not a core feature, so you may need to adapt patterns for asynchronous flows.

Q: How to filter an array of objects based on nested properties with Shades?

Use the `filter` function with an into pattern, such as `filter({ posts: includes({ likes: greaterThan(10) }) })` from the API examples, to select items matching complex criteria across nested structures.

Question 1

How to use Shades with React or Redux state?

Accepted Answer

Integrate Shades' `mod` or `set` functions in reducers or state updaters to apply immutable changes. For example, in a Redux reducer, use `mod('users', userId, 'name')(newName)(state)` to update a user's name without mutation.

Question 2

Shades vs lodash for immutable updates?

Accepted Answer

Shades focuses specifically on lens-based immutable transformations with TypeScript safety, while lodash offers broader utilities but often requires manual immutability. Shades is lighter (<5kb) but has a steeper learning curve for lens concepts.

Question 3

How to create a custom lens for derived data in Shades?

Accepted Answer

Define a virtual lens with `get` and `mod` methods, as shown in the Virtual Lenses section. For instance, to convert temperatures, create a lens that transforms between units using custom getter and modifier functions.

Question 4

Does Shades support async operations or Promises?

Accepted Answer

Shades is designed for synchronous data manipulation; while collection functions can handle Promises if wrapped, async lenses are not a core feature, so you may need to adapt patterns for asynchronous flows.

Question 5

How to filter an array of objects based on nested properties with Shades?

Accepted Answer

Use the `filter` function with an into pattern, such as `filter({ posts: includes({ likes: greaterThan(10) }) })` from the API examples, to select items matching complex criteria across nested structures.

shades

What is shades?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions