Gerard van der Put
GerardvanderPut.com
Author and senior full-stack developer.

Sharing React Components With Webpack 5

Sharing React Components With Webpack 5

By Gerard van der Put - May 17, 2022 - Published by Better Programming
A thorough guide about sharing React components between applications with Webpack 5

Testing React Components Explained for Beginners

Testing React Components Explained for Beginners

By Gerard van der Put - May 5, 2022 - Published by Better Programming
Testing code can be intimidating if you don’t know how it works. We will go through the basics

Tree  Lists With Indeterminate Checkboxes in React

Tree Lists With Indeterminate Checkboxes in React

By Gerard van der Put - January 24, 2022 - Published by Better Programming
Indeterminate checkboxes — or, “semi-checked checkboxes” — can be quite a challenge to create and update in tree-structured data lists. A…

5 Traits Every Freelance Developer Should Have

5 Traits Every Freelance Developer Should Have

By Gerard van der Put - August 13, 2021 - Published by Better Programming
Being a freelance developer is not a career for everyone. You might be a great developer, but do you have all that it takes?

How To Perform User Authentication With React Using Firebase

How To Perform User Authentication With React Using Firebase

By Gerard van der Put - July 21, 2021 - Published by Better Programming
Easily authenticate users in your React applications by using the Firebase SDKs

How Static Websites Transformed Into Web Applications Over Time

How Static Websites Transformed Into Web Applications Over Time

By Gerard van der Put - April 8, 2021 - Published by Better Programming
A brief history of the progression of web development in the last few decades and how I experienced it as a young developer

7 Tips for Becoming a Competent JavaScript Developer

7 Tips for Becoming a Competent JavaScript Developer

By Gerard van der Put - March 23, 2021 - Published by Better Programming
To move towards the next level, let’s focus on certain areas

How To Create Responsive Tables With Flexbox and React

How To Create Responsive Tables With Flexbox and React

By Gerard van der Put - March 18, 2021 - Published by Better Programming
With some CSS and a small collection of simple React components, you can easily customize responsive tables

5 Different Software Developer Personalities That I’ve Met So Far

5 Different Software Developer Personalities That I’ve Met So Far

By Gerard van der Put - March 10, 2021 - Published by Better Programming
There are so many kinds of software developers on the work floor. Here are some fun descriptions for a few of them

Virtualized Rendering From Scratch in React

Virtualized Rendering From Scratch in React

By Gerard van der Put - February 24, 2021 - Published by Better Programming
Let’s understand how virtualization works

My 11 Favorite JavaScript Libraries and Tools

My 11 Favorite JavaScript Libraries and Tools

By Gerard van der Put - February 23, 2021 - Published by Better Programming
An overview of libraries and tools that I keep coming back to

Advanced Data Filtering in React

Advanced Data Filtering in React

By Gerard van der Put - February 15, 2021 - Published by Better Programming
Create dynamic filters for your rendered data sets

Exploring Caching Techniques in React

Exploring Caching Techniques in React

By Gerard van der Put - February 11, 2021 - Published by Better Programming
How to use memoization, contexts, useMemo, useState, and useEffect

How To Improve Code Quality With SonarQube

How To Improve Code Quality With SonarQube

By Gerard van der Put - February 9, 2021 - Published by Better Programming
A tutorial on installing and using SonarQube on your local machine

Recursive Rendering With React Components

Recursive Rendering With React Components

By Gerard van der Put - February 4, 2021 - Published by Better Programming
A quick guide to rendering nested data structures

Tailwind CSS Is (Probably) Overhyped

Tailwind CSS Is (Probably) Overhyped

By Gerard van der Put - February 3, 2021 - Published by Better Programming
A critical look at Tailwind CSS, the popular utility framework

My Everyday Struggles as a Senior Developer

My Everyday Struggles as a Senior Developer

By Gerard van der Put - January 28, 2021 - Published by Better Programming
The professional life of an experienced developer is not all sunshine and roses

Build Custom React Components Like A Professional

Build Custom React Components Like A Professional

By Gerard van der Put - January 25, 2021 - Published by JavaScript In Plain English
How to build a custom React component from scratch, while thinking like a professional.

How To Handle Large Amounts of Data in React-Based Applications

How To Handle Large Amounts of Data in React-Based Applications

By Gerard van der Put - January 25, 2021 - Published by Better Programming
The exponential growth of global data impacts the whole world, including front-end development

The Complete Guide to using Material Design Icons in React

The Complete Guide to using Material Design Icons in React

By Gerard van der Put - January 21, 2021 - Published by JavaScript In Plain English
All the details you need for using Material Design Icons in React.

Infinite Scroll in React with GraphQL Pagination

Infinite Scroll in React with GraphQL Pagination

By Gerard van der Put - January 19, 2021 - Published by Level Up Coding
A step-by-step guide for creating both the React front-end and our own GraphQL server.

Creating a Small Webshop with React and Next.js

Creating a Small Webshop with React and Next.js

By Gerard van der Put - January 16, 2021 - Published by Better Programming
Build a prototype webshop from scratch, step by step.

How to Build Internationalized Next.js Applications

How to Build Internationalized Next.js Applications

By Gerard van der Put - January 11, 2021 - Published by The Startup
Offer your Next.js application in multiple languages with the sublime next-i18next.

React Hooks and Redux are friends, not enemies

React Hooks and Redux are friends, not enemies

By Gerard van der Put - January 9, 2021 - Published by The Startup
They get along very well and don’t serve the same purpose.

Meet Luxon, the new Moment.js killer (Part 2)

Meet Luxon, the new Moment.js killer (Part 2)

By Gerard van der Put - January 8, 2021 - Published by JavaScript In Plain English
Setting Dates and Timezones in your React application with Luxon.

Exploring the New CSS Houdini Painting API

Exploring the New CSS Houdini Painting API

By Gerard van der Put - January 7, 2021 - Published by Better Programming
Low-level APIs that hook into the styling and layout process of your browser’s rendering engine.

Canvas Animation inside React Components with requestAnimationFrame

Canvas Animation inside React Components with requestAnimationFrame

By Gerard van der Put - January 6, 2021 - Published by JavaScript In Plain English
Simple steps to start an animation inside a functional React component, and make sure it’s performant and cleans up after itself.

Meet Luxon, the new Moment.js killer

Meet Luxon, the new Moment.js killer

By Gerard van der Put - January 4, 2021 - Published by JavaScript In Plain English
Setting Dates and Timezones in your React application with Luxon.

Latest book - published May 2020
Table of Contents:
Introduction
Server-side rendering explained
Chapter I
Project setup and Webpack configuration
Chapter II
Styling, assets and production builds
Chapter III
Server-side rendering with a Node express server
Chapter IV
State management with Redux and Redux-Toolkit
Chapter V
Asynchronous state manipulation
Chapter VI
Dynamic routing with react-router