-
Redux Optimizations
A few optimization technique that I use to improve the overall experience of a user loading a React Redux application with code splitting and giving loading status updates on slow connections. Read More
-
Overcoming Challenges in Building an API with RTK Query
Building an API with RTK Query can be a rewarding experience, but it comes with its own set of challenges. One common hurdle is managing large apiSlice files, which can become difficult to maintain as the number of endpoints grows. To address this, I explored code splitting and modularizing endpoints, but these approaches introduced their… Read More
-
JWT Based Authorization
The author implemented JWT-based authentication in a Redux application. They used a separate refresh token to obtain new authorization tokens when the current one expires. They encountered challenges with token storage, header configuration, and state management within Redux. The author recommends using a custom middleware or listener to handle token refresh and local storage interactions.… Read More
-
Drag and Drop Reordering with RTK Query and PHP
Today’s work focused on implementing drag and drop functionality, improving error handling, and refining API endpoints. Key features include a new item creation dialog, item reordering, and enhanced error reporting with stack traces. Backend changes involved refactoring API methods, handling server-side item movement, and using appropriate HTTP status codes. Additionally, the frontend was updated with… Read More
-
Listener Middleware
Streamlined a Redux application by consolidating logic into slice files, removing unused code, and setting up path aliases. Transitioned from Sagas to Listeners for simpler scenarios, focused on local storage interactions and reacting to dispatched actions. Additionally, removed unnecessary dependencies like redux-saga and reselect and created a custom Persistence class for typed local storage access… Read More
-
RTK Query
I transitioned my Redux application to use RTK Query for API calls. This reduced the need for selectors and simplified data management. While RTK Query is powerful, it has limitations like needing many endpoints for a single server and requiring complex TypeScript types for builders. Sagas are still used for specific cases like handling drag-and-drop… Read More
-
Slicing Drag & Drop
Separating Drag & Drop data into its own slice. Read More
-
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
-
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
-
React to Angular
The document describes the transition from React to Angular and the challenges faced. Initially, there was success with React, but Angular was found to be slower, more complex, and requiring a more rigid structure. Specific frustrations include Angular’s reliance on TypeScript, the need for decorators, complicated state management, and excessive imports. React’s simpler lifecycle management,… Read More