I’ve been working for one of the largest software companies in the world for more than a decade. With several hats on my head, I’ve seen many aspects of the business, ranging from rapid cowboy development to impactful acquisitions of competitors and startups.
Most developers I know love their jobs. They are honestly fond of development, writing code, creating software, and maintaining the infrastructure that’s required for being able to push their code out into the world.
This implies that they often need to focus on what they are doing. There must be a reason for the popularity of noise-canceling…
Note: all files (server and front-end) can be found at GitLab.
In this article we will:
I’ve seen several articles about infinite scrolling in React, but very few go into the details and neither do they explain how to create the GraphQL server (most of them use an existing server such as the GitHub GraphQL API).
Note: The source code for the demo discussed in the second half of this article can be found on GitLab.
As I mentioned in my recent article about canvas animation inside React components, I love HTML canvas. So I couldn’t be more excited to learn about the new CSS Houdini APIs when I was reading a short article about it on css-tricks.com, by Stephen Fulghum.
The main reason for my excitement is that the Painting API makes it possible to create custom CSS images by drawing onto a PaintRenderingContext2D (which is pretty much an exact copy of the 2D context…
Many years ago, I was part of a development team that was creating a Flash application that had to render a lot of data. We struggled with rendering it as a list. Scrolling the list was sluggish, but I managed to come up with a solution.
As some of you might know by now, I’ve been a full-stack senior developer for over 20 years. I’m in the fortunate position of working for one of the largest software companies in the world.
Today, I’ll list eleven of my favorite tools and libraries for working on React applications. Most of these are tools that I stumbled upon once and have never quit using.
I consider the list below to be my personal toolbox. They’re listed in no particular order.
Let’s take a look!
The tiny package
classnames is one of my favorites. It helps you to define dynamic…
As I wrote recently, we’re dealing with more and more data. When this data enters our applications, we have to make it consumable for our users. Today, we’ll have a look at how we can create dynamic filters: You enable or disable a certain filter, and the data updates instantly on your screen.
Fetching data in React is one thing. Storing and caching this data is another story. The possibilities seem endless and the differences are often subtle, which makes choosing the right technique a bit of a hurdle sometimes.
Today, we’ll explore different techniques and look at all their details and subtleties. Should I use
useMemo or memoization? Should I store data with
useState and a context? When we’re done, you should be able to comfortably make informed choices with regards to caching data. You’ll learn about all the ins and outs.
And there are a lot of animated GIFs. …
Many developers, including you and me, write perfect code — at least that’s what we think sometimes. Some of us already use static code analyzing tools such as ESLint in our IDEs that indicate that some parts of our code could be improved while we write our code. …
Wikipedia describes recursion like this:
“Recursion is the process a procedure goes through when one of the steps of the procedure involves invoking the procedure itself.”
In programming terminology, it is a function that calls itself. We can illustrate this concept with a very minimal example:
When you look at the snippet above, you’ll realize some things. First of all, perhaps you were not aware of the fact that this is possible. It is, even though it’s a bit counterintuitive that you can do it. We’re calling a function while we construct the body of that function. …
Tailwind CSS has gained a lot of traction in the last two years (from 30K downloads per week to almost 600K). Without a doubt, there are a lot of good sides to the popular utility-first CSS framework. Chances are that you’ve already heard how awesome and great it is because many developers seem to share that opinion.
But there is more to say about it.
If you’ve never seen Tailwind in action, here you go:
<div class="bg-gray-100 rounded-xl p-8">Hello World</div>
The highlighted classes are what Tailwind is: a collection of predefined CSS classes (so-called utility classes). …
Full-stack lead developer for a large industry-leading tech company and enjoys writing about development in his spare time.