Enabling Apache ECharts in React for Data Visualization
Making dashboards with charts and graphs is a pretty common part of the front-end developer experience, as well as deciding which JavaScript…
Tania Rascia | RSS Feed
Software engineer and open-source creator. This is my digital garden.
Latest posts
Year in Review: 2024
I'm trying to win the award for "Latest Year in Review". 🏆 I don't know if anyone can challenge me at this point, as it's almost thirdway…
Redesign: Version 7.0
One of my favorite hobbies is tweaking my website. I've updated the design countless times thoughout the decade (!) of this site's existence…
Creating a Keyboard Shortcut Hook in React (Deep Dive)
Recently I needed to add some keyboard shortcuts to an app I was working on. I wrote up some example code and decided to write this article…
HTML Tables with Horizontal Scroll and Sticky Headers
Turns out, creating an HTML table that has both horizontal scroll and fixed headers can be a tricky problem. As another developer said about…
Year in Review: 2023
It's 2024, y'all. We're 20 days into the year, so I'm running out of time to write that end of year post I always do. I haven't quite known…
How to Use WebSockets in a Redux Application
At some point, you might work on a React/Redux application that requires the use of WebSockets, such as for chat or live updates on a…
Understanding the GraphQL Type System
GraphQL is a modern solution for facilitating the communication between a front end and a data source. All of the details and capabilities…
Year in Review: 2022
Happy New Year, friends! Time to write another year in review. This will be the seventh time I've done this. Here are all the previous ones…
The Lore of Animorphs (an Ode)
Recently, after I watched the latest movie in the Avatar series - yes, the one with the blue people - it got me thinking about why I like…
Testing API Calls With React Testing Library and Jest
Ever since Hooks were released in React, we've been using the hook to fetch data, whether directly or abstracted away behind Redux Thunks…
Using Path Matching in React Router
Recently on a project I was working on I noticed every page was importing in order to display the unique page title, like this: For an app…
Tending to My Digital Garden
Hi there. It's December 2022. How are you doing? This has been a slow year for me. I'm going to write a little post to let you know what I…
Simplifying Drag and Drop (Lists and Nested Lists)
I always forget how to use any drag and drop library until I have to use it again. Currently, the one I've been working with is , the…
Memories of Josh
I'm just going to write some memories of Josh. The mundane, everyday things. The stuff I'll slowly, inevitably forget, because I'm not sure…
Redesign: Version 6.0
Once again, I've redesigned my website. Every now and then I get bored of the way it looks, or I notice a lot of people cloning it and feel…
How To Set Up a GraphQL API Server in Node.js
In An Introduction to GraphQL, you learned that GraphQL is an open-source query language and runtime for APIs created to solve issues that…
Building a JavaScript Keyboard Accordion (the Musical Kind)
It's been a while since I've written anything due to some personal concerns that I might write about later, but don't worry, I'm still…
Creating a Schema-Based Form System
View the Source or Demo for the schema-based form system described in this article. Working with forms on the front end is tedious and…
Year in Review: 2021
Wow, here we are, the sixth installment in the New Year series of posts. This year feels almost like a lost weekend. Aside from a few small…
An Introduction to GraphQL
As web and mobile applications become more mature and complex, software engineers invent clever new ways of improving the interaction…
Behind the Tutorials
Despite the fact that I've been consistently writing on here for six years now, I've said very little about myself. The writing has been…
How to Sort, Filter, and Paginate a Table with JavaScript
One thing I've had to do at every job I've had is implement a table on the front end of an application that has sorting, filtering, and…
Redesign: Version 5.0
Over the last week or two I've had a lot of fun building out a new site from scratch. I thought it would be fun to make my site look like a…
Writing a Sokoban Puzzle Game in JavaScript
So the other day, I made an implementation of a Sokoban puzzle game in JavaScript. Here's the source code and here's the demo. The game…
How to Structure and Organize a React Application
There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the…
Using OAuth with PKCE Authorization Flow (Proof Key for Code Exchange)
If you've ever created a login page or auth system, you might be familiar with OAuth 2.0, the industry standard protocol for authorization…
How and When to Use Context in React with Hooks
A while ago, I wrote an article about Using Context API in React. However, most of my examples on that page used Class components, , and…
Integration Tests with Jest, Supertest, Knex, and Objection in TypeScript
Recently, I set up unit and integration tests for a Node API in TypeScript, and I couldn't find a lot of resources for setting up and…
Year in Review: 2020
Well, 2020, it's been a slice. I've been pretty AWOL lately on all things internet, and I can't decide if I have a lot to say or if I'd…