Hi đź‘‹ I'm Maxime, and this is my blog. Here, I share through my writing my experience as a frontend engineer and everything I'm learning about on React, Typescript, SwiftUI, Serverless, and testing.
Newsletter
Get a behind the scenes look at what I'm currently learning, exploring, and creating.
Subscribe to my newsletter to receive a monthly digest containing:
Deep dives into some of my ideas and secret projects that will inspire you 👨‍💻
Exclusive previews of upcoming articles on frontent development, React, and SwiftUI 🤫
Some of my favorite resources and tips on frontend development or anything I'm currently interested in to further expand your skillset as a developer đź“ť
Featured
First steps with GPT-3 for frontend developers
A beginners guide to OpenAI's API that eases frontend developers into the world of GPT-3 and gives all the tools needed to start building AI-powered Next.js apps.
Building the perfect GitHub CI workflow for your frontend team
A guide with some of the best Github CI tips I could find to the power best CI pipeline for your frontend team's needs.
Advanced animation patterns with Framer Motion
A deep dive into Framer Motion's propagation, exit transitions and layout animation patterns through curated examples and interactive playgrounds.
Guide to creating animations that spark joy with Framer Motion
An interactive guide introducing everything I've learned about Framer Motion through fun examples and little case studies of animations I built.
All articles
2021
Nov 02
Cubic BĂ©zier: from math to motionSep 28
First steps with GPT-3 for frontend developersAug 03
Building the perfect GitHub CI workflow for your frontend teamJun 29
Migrating to Next.jsJun 01
Static Tweets with MDX and Next.jsApr 20
Advanced animation patterns with Framer MotionMar 09
Scrollspy demystifiedFeb 02
The Power of Composition with CSS VariablesJan 19
My first failed SwiftUI project2020
Dec 15
Guide to creating animations that spark joy with Framer MotionNov 02
Using Shortcuts and serverless to build a personal Apple Health APIOct 13
SEO mistakes I've made and how I fixed themSep 16
Going native: SwiftUI from the perspective of a React developerAug 25
Build your own preview deployment serviceJul 28
The little guide to CI/CD for frontend developersJun 26
Immigrating to the US: My path from non-immigrant to permanent residentJun 23
The physics behind spring animationsJun 09
Generate screenshots of your code with a serverless functionMay 12
How to use Framer Motion with Emotion styled-componentsMay 05
Data Fetching with NextJS: What I learnedApr 21
Learning in publicApr 16
Fixing the dark mode flash issue on server rendered websitesMar 31
How to fix NPM link duplicate dependencies issuesMar 10
Running scheduled cross-browser end-to-end tests on Github CI2019
Nov 19
How I built my first custom ESLint ruleSep 24
React Lazy: a take on preloading viewsJul 09
Automated UI accessibility testing with CypressMay 28
Building a GraphQL wrapper for the Docker APIMar 05
Switching off the lights - Adding dark mode to your React appFeb 05
Getting started with Typescript on Gatsby2018
Dec 04
Rebuilding Redux with Hooks and ContextNov 06
Asynchronous rendering with ReactOct 16
Using Flow generics to type generic React componentsOct 09
How to efficiently type your styled-components with FlowJun 19
How I got started with Kubernetes on GKEMay 01
React sub-components Part 3: Whitelisting sub-components with flowApr 16
React sub-components Part 2: Using the new Context APIFeb 26
React sub-componentsJan 10
Running Golang tests with Jest
#BlackLivesMatter
Click here to find out how you can help.© 2022 Maxime Heckel —— SF/NY