-
Navigating the Maze of Icon Picker Development
The icon picker dialog control presented a significant challenge in our project. This article chronicles the development journey, from initial task breakdown to final component integration. We explored various techniques, including code splitting, portals, and efficient icon loading. While the process was complex, the resulting icon picker is a robust and efficient component that enhances… 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
-
Pragmatic Drag & Drop
Exploring Atlassian’s new library, “Pragmatic Drag & Drop”, which offers more flexibility for drag-and-drop functionality across platforms. After initial setup struggles, the library was configured to my needs. The result is smoother drag-and-drop with visual enhancements and easier implementation compared to my custom solution. The library’s modularity and built-in functionalities are commendable. 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