Tag: frontend
-
How to Add Dropdowns on Input Fields with Bootstrap
Bootstrap is so 2017, Tailwind sucks, CSS is the only way to style – I don’t like frontend because everyone is so angry all the time. Nevertheless, a proper UI is critical to just about any application, so I must make do with the tools that are available. I’ve traditionally used React because the ecosystem…
-
Avoiding Memory Issues During Docker-Vite-React Builds

In one of my more frustrating recent evenings I had added a small feature to a react project which built and tested fine on my machine and in the CI pipeline, but refused to build on the VPS. The project would hang on the npm run build command and after 10 minutes or so (!)…
-
Testing Controlled React-Hook-Form Components
I recently ran into quite a bit of frustration attempting to test a component that wrapped a <Controller /> from React-Hook-Form. Most of my projects use MUI as the frontend component library so I’ve been getting used to “uncontrolling” my inputs with RHF by making my own set of inputs that can easily go into…
-
How to Send File Objects from a React Frontend to Django Backend
This is probably pretty common knowledge, but after running into a relatively frustrating event at work I figured I’d do a little write up so I can just look here in the future instead of frantically googling around… I’ve finally embraced using the loader() and action() abilities of react-router-dom and while they simplify many things,…
-
Time-Based Debouncing with Plotly Dash
It’s been a while since I’ve written a post here! Ended up shifting jobs a couple months ago and have been pretty focused on a learning a new type of role. Part of the new gig is automating the collection and display of a variety of data and I’ve had the opportunity to start using…