Francesco Di Donato articles - 42 total
How to Use a Reverse Trie for Fast Disposable Email Domain Detection
Learn how to use a reverse Trie to efficiently detect disposable email domains. Optimize your domain...
Throttling Explained: A Guide to Managing API Request Limits
When Should You Implement Throttling in Your Code? For big projects, it’s usually best to...
Optimizing Three.js: 4 Key Techniques
Code can be art. Whether it's in clever syntax, elegant data structures, or refined interactions,...
Radial Gradient Generator
After over five years in the IT industry, I've accumulated a wealth of internal tools and resources...
How to have Perfect Contrast of Text Color on Any Background in TailwindCSS
You can read the interactive version of this blog post! The Problem In recent years I...
Web Perf - Large Files
When you have a lot of information to show on the screen, there are two common...
Web Caching - Cache-Control max-age, stale-while-revalidate
Until now, thanks to Last-Modified/If-Modified-Since or ETag/If-None-Match we mainly saved on...
Web Caching - ETag/If-None-Match
Support code In the previous post, we explored the usefulness of the Last-Modified Response Header...
Web Caching - Last-Modified/If-Modified-Since
Less load on the server and less bandwidth usage for the same result? Where should I sign up?...
How to Google Sign-in your users in 5 minutes
A crucial aspect of any startup is providing users with the means to authenticate themselves. There...
go:generate 102
Like everything in existence, a generator is a function that (eventually) takes input and...
go:generate 101
How to use go:generate? support code Setup terminal go mod init...
The go-like Return Style is Nice and Fast
Disclaimer! I am not a professional benchmarker. If there is any error in my logic, please let me...
TypeScript Utility Types ~ Partial
I remember that time I understood the concept of the High-Order Function. Until then I had limited...
GitHub App and OAuth ~ Disjointed flow
In a previous post we saw how it's possible to get information from the GitHub REST API about which...
OAuth popup ~ Practical Guide
In a previous post we have implemented the GitHub OAuth flow from scratch. However, the redirection...
GitHub App and OAuth ~ Practical Kick-Starter
What can we build An interface that gives a GitHub-authenticated user (or any user's...
CORS, Preflight request and OPTIONS Method
Premise This post is intended to be a light reading with the purpose to give a minimum of...
Penetration and Security in JavaScript
Premise Are you sure you are ensuring your code to be used as intended? Are you preventing...
Built-in-like Range in JavaScript
Premise Make it possible to generate any range of integers with built-in-like...
Merge High Order Component and Compound Pattern
Merge High Order Component and Compound Pattern The Compound Pattern allows you to...
Iteratify - Make It Iterable
Among the new features brought by the ES6, we find the addition of the primitive type Symbol and the...
Applying slots in Vue for a Tabs component
I recently completed Udemy courses on Vue and Nuxt.js. I decided to test this framework to build a Va...
![Lazy Loading Image - [2/2]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb1s4ixcmq6nmah3qnq8f.png)
Lazy Loading Image - [2/2]
Recap In the previous post, I built a React component Image that receives two sources, one...
![Lazy Loading Image - [1/2]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4npyf4bydgub1jfe79d2.png)
Lazy Loading Image - [1/2]
Abstract In this mini-series consisting of two posts I will build a React Component Image...
![React Design Pattern - Composable Card [2]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2rox9x96b0c3zeibvbvp.jpg)
React Design Pattern - Composable Card [2]
Recap 🏗 In the first post of the series I built a Card component that can be extended with...
![React Design Pattern - Assemblable Card [1]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fitso4mr3y2zxb1kq62ao.jpg)
React Design Pattern - Assemblable Card [1]
In this first post of a series, I begin the implementation of a composable React component. It is a...
React Render Props with Ts & styled-components | Part 2
In the previous post we built a React component capable of building a grid. Thanks to the render prop...
React Render Props with Ts & styled-components | Part 1
What are we building A React component that allows the setting up of a grid. For more flex...
Singleton logger that works only in development mode
I want to be able to send logs to the console, but only in development mode. One can easily obtain th...