This post is mirrored on my Full Stack Blog.

This “Products of 2021” series will be a total of six posts. The first is the introduction to the series itself. The five product links will be updated throughout 2021 as I release the products to the world. These links will be pinned to the top of each post in the series.

• Introduction and Overview Post (This Post!)
• Product 1: The Wheel Screener
• Product 2: ReduxPlate (Details Coming Soon!)
• Product 3: Mail Your Rep (Details Coming Soon!)
• Product 4: ??? (Undetermined)
• Product 5: Five Grand Challenges for the Next Five Decades…

This post is mirrored on my blog, chrisfrew.in, which has much better code snippet support, as well as other fun goodies!

Learn everything detailed in this post and more in my full course “Mastering Bitbucket Pipelines for CI and CD”, available on Skillshare and Udemy:

Are You Always Logging on to Your Server with SSH and Fighting with Your Builds and Deploys?

You’ve come to the right post. This post is going to be all about Bitbucket Pipelines.

Full disclosure: I have not been paid or otherwise sponsored by Atlassian to write this, I’ve just been a long time Bitbucket user and also find their CI / CD tool, Pipelines, incredibly powerful and useful!

I also have…

This post is mirrored on my personal blog, chrisfrew.in

Learn everything detailed in this post and much more with full video lessons in my course, “Advanced TypeScript: Generic Search, Sorting, and Filtering” available on Skillshare and Udemy:

Example Repository

This code is on my GitHub account at react-typescript-generic-search-sort-and-filter-children-function.

Live Demo

The live demo is on GitHub Pages.

Overview

We’re going to do some advanced TypeScript-ing today! We already know from awesome blogs like Fettblog about how to type functional components with children. …

This post is mirrored on my personal blog, chrisfrew.in.

An example of what a final running result could look like is here, and was built based on my JSON Patch filtering blog post.

Please be respectful with the example site, just give it a test to see how it works. Spam and other nonsense will be quickly dealt with.

Background: A Use Case More Complex than the Tutorial

So I just spent a few days banging my head against my desk 😡, trying to get my .NET 5.0 application with a React SPA to live under a separate URL via a reverse proxy. While the official Microsoft tutorial for…

This post is mirrored on my blog, chrisfrew.in, and my DEV Community account.

Show Me the Code!

As always, the code is in the example repository.

I’ve also hosted the repository as an example site.

Please be respectful with the example site, just give it a test to see how it works. Spam and other nonsense will be quickly dealt with.

I’ve named the .NET project JsonPatchFilterExample, and all the namespaces in the code snippets below reflect that. If you start up the code in the repository, you’ll have your browser open up right away with the working, real-time edit form!

*Note that the…

This post is mirrored on my personal blog, chrisfrew.in, where you’ll have syntax highlighting and code snippet copying!

Learn everything detailed in this post and much more with full video lessons in my course, “Advanced TypeScript: Generic Search, Sorting, and Filtering” available on Skillshare and Udemy:

Example Repository

The example repository is here.

Motivation

In a recent project, I was tasked to implement front-end filter and search functionality. However, the task also required that the sort and filter functions could easily be applied to any type. Luckily, I’ve been using generics quite a bit (and slowly getting better with them!), …

**UPDATE October 16th, 2020: Due to following ESLint too devotedly, I realized that it is sometimes OK to use the empty dependency array ([]) in theuseEffect hook. This ultimately resulted in building a hook where the ability to set a custom scrollY position was not needed. Read on for details. The hook is now stable as-is and has been shipped to production in the project we needed it for!

*UPDATE October 14th, 2020: I added requirement 3 (and correspondingly modified the hook) after realizing that using this hook may cause page ‘jumping’ as a side effect — any change in…

This post is mirrored on my personal blog, chrisfrew.in, where you get the convenience of clickable footnotes and copyable code snippets.

Motivation: Never Log In Again!

I was trying to implement the PKCE flow on my react native application so that I could renew access tokens on the user’s behalf. With this type of flow, a user only has to authenticate once [1]. After this initial authentication, we securely store each user’s refresh token, and can use it later to get another access token / refresh token pair exactly at the moment their current access token expires. …