Patrick Desjardins Blog

Using entails relying on the .

Create React App (CRA) has been around since 2016 and has been a delight since its origin.

After many years and many different software companies, I concluded that spending a total of 90 minutes with one candidate gives the same result as the current trend of spending over 6 to 8h.

I recently migrated a couple of Rust libraries from TypeScript using a subset of features of well-known TypeScript libraries.

Apollo client and React are two popular libraries and an excellent combination for fetching GraphQL data from a server into a web application.

The best approach is to rely on the local state if you need to add additional value to an existing GraphQL entity from your GraphQL server.

In a I explained that the React Context is re-rendering a lot if you change the state inside the context.

In this article, we will see how to optimize the usage of a context to avoid rendering components along the path of the context.

Using is my first instinct when consuming a GraphQL on the front end.

The word steganography means to hide something, like a text into something else, like an image.

Last year I started my recapitulation with the impression that it was not a year in which I accomplished much compared to all the previous years. 2022 was similar in the sense of feeling but taking the time to write about my years showed me wrong. 2021 was

After working in 100% office, 100% remote, and in a hybrid situation, I gathered 11 elements for having a thriving hybrid work environment.

Imagine you have two TypeScript projects that have a similarity.

Moving information between threads is always a delicate task.

Before debugging using Visual Studio Code (VSCode), you need to have VsCode and .

If you have a hierarchy of components, you may have one or more components that wrap HTML elements around something else.

I recently learned about the tool called clippy that is available if you use cargo.

I developed a to compute the a few months ago.

If you want to define at a single place values to use inside your React components and inside CSS files, you need a central location.

In this article, we will fade in a tiny box into the viewport by using animated steps.

Imagine the situation where you have one parent and a direct child component.

In this article, we will see how to have an HTML div at a specific boundary (x, y, width and height) and moving it to a second boundary to actually load another component.

The article's goal is to expose enhance your Kubernetes Ingress allowing HTTPS (certificate SSL/TLS).

is a library that animates React components.

The article's goal is to expose your web application on the Internet.

I had a pod that worked well on my machine but was not once deployed on Azure Kubernetes.

The situation is that you want to transform an existing type into all optional fields except a subset of the fields to be required.

The title is a little longer to hold all the proper keywords, but we will discuss how you can have your web application perform HTTP requests to your frontend instead of directly accessing your backend API.

Suppose you are using ViteJS to automate your TypeScript, JSX, and CSS, then you will need to adjust the ViteJS configuration to use the hot-reload mechanism still.

Kubernetes is a convenient way to deploy an infrastructure of services in a central place.

Kubernetes is a convenient way to deploy an infrastructure of services in a central place.

There are many resources about hosting an image on Microsoft Azure but most assume some expertise around Azure -- I have none.

I currently work in a rigorous and secure environment.

The battle between science and art in software engineering is constantly appearing.

In this article, I explain how to configure Docker to have two independent services in two different containers, but both of them reference a shared folder. repository |----> service1 |----> service2 |----> shared The article focus on: 1.

Imagine you have two kinds of services inside your project: frontend and backend.

In this article, I explain how to configure Docker to have two independent services (server): 1.

Imagine you must interact with a system that provides 64 bits type, like a long in by GraphQL.

In this short article, we will see how to create with SolidJS this dynamic wave effect that simulates a water wave that goes from the bottom of the screen.

Last summer, I unsuccessfully moved a kid-inflated pool - it contained too much water.

If you are coming from React, you may wonder where the hook useCallback is?

I recently received a message from one of my teammates asking to look at a piece of code that was compiled but wrong.

I have discussed in the past two patterns that can be used with .

In SolidJS, it is possible to listen to a specific variable.

I have a love and hate relationship with GatsbyJS.

I'll cover two scenarios here: 1) You want to execute code when your component is unmounted 2) You want to execute code when an effect is completed In React, unmounting code was once upon a time the job of a dedicated method of the component class compone…

In this article, we will show a couple of ways to react to a change of property with SolidJS.

After building a smallish component in a few hours, this blog post is a quick review of framework.

Regardless of the framework you are using, you will end up having some area of code that relies on default values.

When you are using TypeScript and React, a good practice is to type your property.