-
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
-
From JSON to SQL: The Road to Efficient Icon Management
Today, I focused on organizing Material UI icons and preparing them for database integration. After generating over 30,000 SQL inserts, I optimized the process to run multiple queries efficiently, avoiding a lengthy execution time. Along the way, I tackled a MySQL issue involving multiple statements and resolved it with a simple change in method usage.… Read More
-
Infinite Scrolling in React
oday, I implemented a toggle for site edit mode, optimized code navigation with markdown links, and removed outdated code. I also created a dialog for editing navigation icons and explored infinite scrolling in React. I tackled performance issues, including debouncing scroll events and leveraging useDeferredValue for smoother item loading. Read More
-
REST API Paths
When naming REST API paths, it’s important to follow best practices such as avoiding file extensions, using HTTP verbs like GET, POST, PUT, DELETE, and placing variable names in the path. Proper structuring of endpoints helps differentiate between collections and singletons, like using /api/users for a collection and /api/users/123 for a specific resource. Relationships between… Read More
-
Fallback!
Today, I implemented functionality for renaming and deleting types, added authentication forms, and expanded a dialog form to handle multiple fields with autocomplete. I faced an issue with password manager warnings for hidden username fields and resolved it by using CSS to hide the input properly. I also created a new dialog control, fixed an… 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
-
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