Nicolas Charpentier's Blog

https://charpeni.com

My personal website and blog.

フィード

記事のアイキャッチ画像
Access Your Homelab Services Without Memorizing IPs and Ports
Nicolas Charpentier's Blog
How I made my homelab services easily accessible with a Heimdall dashboard, local domain names via mDNS, and default ports.
2日前
記事のアイキャッチ画像
Bun Code Coverage Gap
Nicolas Charpentier's Blog
Bun's test runner only tracks coverage for loaded files. Here's how to expose the gaps.
2ヶ月前
記事のアイキャッチ画像
Configure "Go to Definition" to Open TypeScript Source
Nicolas Charpentier's Blog
Learn how to fix "Go to Definition" navigating to type declarations instead of source files in TypeScript projects.
3ヶ月前
記事のアイキャッチ画像
Don't Blindly Use useTransition Everywhere
Nicolas Charpentier's Blog
Let's take a closer look at useTransition and why the React Docs example might not be a great starting point for real-world UX.
4ヶ月前
記事のアイキャッチ画像
How to Easily Reproduce a Flaky Test in Playwright
Nicolas Charpentier's Blog
Stop playing whack-a-mole with flaky Playwright tests by using CPU throttling to reliably reproduce CI failures on your local machine.
1年前
記事のアイキャッチ画像
Minimizing Risk: Properly and Safely Resolving CVEs in Your Dependencies
Nicolas Charpentier's Blog
How to properly and safely update dependencies to resolve CVEs, while also gathering an understanding of how package managers handle dependencies.
1年前
記事のアイキャッチ画像
TypeScript Tips: Safely Using includes With ReadonlyArrays
Nicolas Charpentier's Blog
How to use includes on ReadonlyArrays while retaining type safety and narrowing down the type.
2年前
記事のアイキャッチ画像
Speeding up ESLint—Even on CI
Nicolas Charpentier's Blog
Gotta Cache 'Em All: Leverage ESLint's cache to speed it up.
2年前
記事のアイキャッチ画像
Apollo Client's Hidden Gems: Interface-Based Type Policies
Nicolas Charpentier's Blog
Did you know that type policies can also be applied to interfaces and not just to "types"!? 🤯
2年前
記事のアイキャッチ画像
UI Flickering With Apollo Client: Previous Data to the Rescue!
Nicolas Charpentier's Blog
Have you ever noticed that using Apollo Client could lead to some UI flickers within your app? Especially when you refetch. Let's see how using previousData could help solve this bad UX.
2年前
記事のアイキャッチ画像
GraphQL Enums Are Unsafe
Nicolas Charpentier's Blog
We often talk about how we shouldn't introduce breaking changes in GraphQL, but fail to mention how enums in GraphQL are, by nature, almost always introducing breaking changes. Let's go over best practices to write resilient GraphQL applications.
2年前
記事のアイキャッチ画像
Open-Ended Unions and Autocomplete With TypeScript
Nicolas Charpentier's Blog
Let's see how to achieve an open-ended union in TypeScript to provide autocomplete on literal string unions.
2年前
記事のアイキャッチ画像
Graphite: The End of Mammoth Pull Requests? My Experience
Nicolas Charpentier's Blog
Ever felt trapped by colossal pull requests or tangled in merge conflicts? Dive into my experience with Graphite, the game-changer in code reviews. Discover the power of stacking, stay unblocked, and embrace a smoother Git journey. 🚀
2年前
記事のアイキャッチ画像
Testing TypeScript Types: Part 2 (Advanced Solutions)
Nicolas Charpentier's Blog
Advanced solutions to test TypeScript types.
3年前
記事のアイキャッチ画像
Testing TypeScript Types: Part 1
Nicolas Charpentier's Blog
Preamble and early solution to start testing TypeScript types.
3年前
記事のアイキャッチ画像
Properly type Object.keys and Object.entries
Nicolas Charpentier's Blog
Have you ever noticed that Object.keys and Object.entries are a little bit tricky to work with in TypeScript? They won't return what you would expect. Here's how to properly type them.
3年前
記事のアイキャッチ画像
Use Custom Merge Driver to Simplify Git Conflicts
Nicolas Charpentier's Blog
Tired of solving merge conflicts manually when it could be automated? Let's leverage Git's custom merge driver to simplify the process.
3年前
記事のアイキャッチ画像
Enforce Best Practices Incrementally With Betterer
Nicolas Charpentier's Blog
Using Betterer to adopt, enforce, and teach best practices incrementally without having to refactor the whole codebase.
3年前
記事のアイキャッチ画像
Agile Rotisserie
Nicolas Charpentier's Blog
Software Engineering is like cooking chicken.
3年前
記事のアイキャッチ画像
Be Careful With JavaScript Default Parameters!
Nicolas Charpentier's Blog
In JavaScript and TypeScript, we often rely on default parameters to define optional parameters, but should we?
3年前
記事のアイキャッチ画像
Find What Commit Introduced a Bug With Git Bisect
Nicolas Charpentier's Blog
Let's see how to efficiently track down a bug even without knowing the codebase.
3年前
記事のアイキャッチ画像
Array.prototype.groupBy to the rescue!
Nicolas Charpentier's Blog
Ever wondered how to do array grouping properly with JavaScript? Good news, Array.prototype.groupBy is coming soon.
4年前
記事のアイキャッチ画像
Wrapping Gatsby's <Link> with TypeScript
Nicolas Charpentier's Blog
How to properly wrap Gatsby's component while preserving GatsbyLinkProps type.
4年前
記事のアイキャッチ画像
Setting up an Example App for Your React Native Library
Nicolas Charpentier's Blog
Having a hard time with a React Native example app? Here’s how you can simplify this with Metro bundler.
7年前
記事のアイキャッチ画像
React Native at Classcraft
Nicolas Charpentier's Blog
We had to carefully find a way to introduce React Native bit-by-bit into the existing native application.
8年前
記事のアイキャッチ画像
Arrow Functions in Class Properties Might Not Be As Great As We Think
Nicolas Charpentier's Blog
Since the last year, the Class Properties Proposal simplify our life, especially in React with the internal state, or even with statics ones like propTypes and defaultProps. But, should we really use arrow functions in class field properties?
8年前
記事のアイキャッチ画像
5 Things You Should Know About ES8
Nicolas Charpentier's Blog
ECMAScript 2017 8th edition (ES2017/ES8) has been officially released and published a few weeks ago, let’s figure it out some important changes. All of these are available with Node 8 and with the latest version of browsers without babel or any polyfills.
9年前
記事のアイキャッチ画像
Continuous Integration with Angular CLI
Nicolas Charpentier's Blog
Angular CLI is a powerful tool to scaffold and build Angular apps. Not only it provides you scalable project structure, instead, it handles all common tedious tasks for you out of the box and it already follows the Angular best practices.
9年前
記事のアイキャッチ画像
Reliable Continuous Integration in JavaScript
Nicolas Charpentier's Blog
When you build a piece of software you want to build a reliable one, so often you’re using various continuous integration tools. But, is your continuous integration process is as reliable as you think?
9年前