In which I add a _redirects file to my project’s public folder, and think about routing, page refreshes, redirects, and error handling. — After deploying my react app via Netlify, I found that a simple kludge/workaround that I had put into my app to prevent it from breaking on refresh had stopped working. Today I spent some time fixing that and this is how that went. To begin with, I should explain that…

I walk through how I created a note-taking app with nested routes using react-router-dom and react-router hooks. — I wrote several blog posts recently about implementing react-router to create nested routes in a note-taking app. Since at the time I was still working through understanding how react-router works, I wanted to write a new summary post that lays out more clearly how I’ve implemented react-router in this app.

Last week I ended my post by mentioning that I had gotten the functionality/prop passing of my app mostly working in conjunction with routing via react-router, but still had some messy UI to clean up. The following day, doing a morning standup/phone call with a friend and former classmate Tom…

On the second, nested level of routing, when we click on the view/edit button for an individual note, we want to be able to see that note and edit it. Clicking the edit button for the NotePreviewCard with the title Note 1: PostegreSQL swaps out the TableOfContents component and replaces…

To begin with, let’s look at the structure of my Chromatic Notes project’s App.js file to get a sense for the structure of the app. The main pieces relevant to this explainer are navGridNotebooks and nineTableOfContentsRoutes.

I’ve been obsessed for a while with the prospect of making a note-taking app. On the surface that seemed fairly straightforward but as I got into it I realized a sleek simplistic UI belied a fairly complex relationship of nested routes. Combined with having to pass data between components, and…

So for a while I’ve been taught that React uses state to calculate changes to how the DOM should be displayed but I haven’t felt completely satisfied with that. The React docs start out explaining how to use React to create simple UIs while ignoring state entirely, like this ticking…

Except when I do, I *never* get tired of the mix of abstraction and precision required to write computer programs. IMO, programming is loaded with a lot of terms that get thrown around willy nilly, regardless of the audience’s level of expertise. If, with childlike naïveté you ask, what is…

Disclaimer: rushed post tonight — xmas eve and all — learn from me at your own risk. While reading Why Prototypal Inheritance Matters by Aadit M Shah, I had to pause on this variable declaration when I read it in: let emptyObject = Object.create(null) // using Object.create(null) yields an object with…