-
Transitioning to createSlice
The blog post details transitioning to Redux Toolkit’s createSlice for managing async actions, including fetch operations, drag-and-drop, and abortable processes. It highlights a modular approach using custom action groups to streamline lifecycle management, reduce boilerplate, and maintain flexibility with Redux Saga for handling complex asynchronous workflows. Read More
-
Dragon Drops
Exploring the challenges of implementing drag-and-drop in React using Material UI and React DnD. A custom library to address these challenges was created, providing reusable components and hooks for managing draggable and droppable elements. The library offers flexibility and control over drag-and-drop behavior. Read More
-
Redux Saga Routines
This blog post explores the challenges of using the Redux Saga Routines library with TypeScript and presents a custom action builder solution as an alternative. The action builder provides a more flexible and type-safe way to create Redux actions, addressing the limitations of the Redux Saga Routines library. The post also discusses the process of… Read More
-
Packaging Typescript
Setting up type definitions for a library built with TypeScript and Rollup offers many challenges due to changes in TypeScript versions and package.json configuration. To address this, they Rollup was used to bundle the library for both CommonJS and ESM formats with separate production and development builds. Type definitions were generated for each build variant. Read More
-
Bundler Battle: Exploring Vite and Beyond
Choosing a bundler for our project felt like navigating a maze. From Steel to Webpack, the options abound. Surveying the landscape, we found Webpack, Parcel, and Rollup leading the pack, until Vite entered the scene. A revelation: it’s not just a server, but a bundler too! Read More