Category: javascript
-
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 (!)…
-
How I’m Using MSW (today, anyway)
One thing that has really changed my way of building with React is implementing tests much earlier in the development of a feature. I tend to feel almost claustrophobic working on a single laptop screen and flipping back and forth between my text editor and a browser window to see changes – this means most…
-
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…
-
Headers – The Source and Solution of All Problems
After working with Docker for a while and especially Docker Compose you start to take a lot of boring configuration for granted. I remember beginning web development and absolutely hating deploying projects to AWS instances because of the scary “reverse proxy” and setting up NGINX. Who knows how many times I googled “does flask need…
-
How to Print (to a real printer!) with Javascript
Short and sweet today – I never knew (well, never knew to look up) how to print a webpage with Javascript. Since you can do just about everything else with the window it’s not surprising, just never a use case I needed. My “discovery” came while at work and trying to debug a component that…
-
How to Find What to Watch
On and off over the last couple months I’ve been putting together a collection of fun/goofy tools that my girlfriend has asked about. As a test of my new fondness of the FARM stack, I’ve rebuilt the project in React, using FastAPI and MongoDB for the backend. It’s located at rachelscoolshit.com because I miss the…
-
Embracing the FARM Stack
After stumbling on a FastAPI article I decided to give it a go and have been having fun using it for a backend. I know I said I loved Go and would be doing all my personal things in Go moving forward, but running with Pydantic and the auto documentation has added some of what…
-
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,…
joe tatusko 