Flavien (56kode)'s Avatar

Flavien (56kode)

@56kode

Frontend developer specializing in all things #React, #TS, and #JS My posts : https://www.56kode.com/

41
Followers
141
Following
88
Posts
07.11.2024
Joined
Posts Following

Latest posts by Flavien (56kode) @56kode

AI-powered development: Chrome extension and n8n automation with Claude Code | 56kode - AI & Frontend Development Blog A Chrome extension + n8n automation pipeline built with Claude Code in 30 minutes to automate my AI tech watch sharing.

New post ๐Ÿ“ข: how I used Claude Code to build a Chrome extension and an n8n workflow that automates my AI tech watch sharing. The whole thing in about 30 minutes.
www.56kode.com/posts/ai-pow...

06.03.2026 09:40 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Post image

๐Ÿ”ฅ Just discovered rtk-ai.app, a game-changer for Claude Code users!
It filters shell output noise before it reaches your AI:
โœ… Fewer tokens = lower cost
โœ… Longer sessions, no context reset needed
โœ… More focused agent, less distraction
Thanks to Florian Bruniaux

04.03.2026 11:19 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Why weโ€™re moving from Cursor to Claude Code (and why you should too) | 56kode - Web Development Blog on React & TypeScript Discover why I switched from Cursor to Claude Code. A Lead Frontend Developerโ€™s honest feedback on the limitations of AI IDEs and the power of CLI coding agents in 2026.

Why I migrated from #Cursor to #ClaudeCode (and why you should too). โšก๏ธ

I stopped typing code and started supervising agents in the terminal. The productivity gain is real. ๐Ÿค–

Read my full honest feedback here:
๐Ÿ‘‰ www.56kode.com/posts/moving... #ai #agent #opus

10.02.2026 13:41 ๐Ÿ‘ 2 ๐Ÿ” 1 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Efficiently cleaning a TypeScript project: Knip + AI agent workflow | 56kode - Web Development Blog on React & TypeScript Learn how to safely clean dead code in TypeScript projects using Knip and an AI Agent. A step-by-step workflow to automate cleanup without breaking production

Stop cleaning dead code manually! ๐Ÿ›‘

Discover a safe workflow combining Knip to find unused exports and an AI agent to verify and remove them without breaking production. ๐Ÿค–

๐Ÿ‘‰ 56kode.com/posts/clean-...

#TypeScript #ts #ai #cursor #claudecode

21.01.2026 15:29 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Last week I asked #Gemini for a summary but forgot the URL. It gave me a summary anyway.

Apparently, prompt engineering is obsolete; weโ€™re moving straight to telepathic engineering. Or just pure hallucinations. ๐Ÿ˜…๐Ÿ”ฎ#AI

14.01.2026 08:47 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Forget โ€œReasoning Avgโ€ and โ€œCoding Avgโ€. My only #AI benchmark: insults per day. #Gemini 3 Pro & Claude #Opus? So good I sometimes go 24h without calling them names. Thatโ€™s basically AGI in my house.

18.12.2025 14:02 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Stop Using CustomEvent

After a new wave of discussion about CustomEvent vs Event subclasses, I wrote a new blog post on the topic:

TL;DR: Subclass Event instead of using CustomEvent ๐Ÿ˜Ž

justinfagnani.com/2025/06/25/s...

25.06.2025 14:56 ๐Ÿ‘ 60 ๐Ÿ” 10 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 1

Very good, I like your implementation ๐Ÿ‘

02.12.2025 15:24 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
How Gemini 3 Pro cut our pipeline time in half | 56kode - Web Development Blog on React & TypeScript We cut our test pipeline time from 22s to 4s per file using Gemini 3 Pro. Learn how AI identified "God Modules" killing our Vitest performance and automated the architectural refactoring that saved us...

Our Vitest tests took 22s to start. Now? 4 seconds. ๐Ÿš€

How Gemini 3 Pro identified "God Modules" killing our performance and automated the fixโ€”saving us 15 min per CI run.

๐Ÿ‘‰ www.56kode.com/posts/how-ge...

#Vitest #CI #react #reactjs

26.11.2025 09:45 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Connect Cursor to Your Browser with Browser-Tools MCP | 56kode - Web Development Blog on React & TypeScript Learn how to integrate Browser-Tools MCP with Cursor IDE to debug web applications directly from your code editor using AI assistance

๐Ÿš€ Debug web apps directly from #Cursor #IDE with Browser-Tools #MCP! โšก

๐Ÿ”น Console logs analysis
๐Ÿ”น Network requests inspection
๐Ÿ”น AI-powered debugging

๐Ÿ‘‰ www.56kode.com/posts/connec...
#CursorIDE #AI #debug #chrome

23.09.2025 08:17 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

I need to test this.

11.09.2025 09:05 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Yeah, thanks. I actually wanted to see the AI work on its own, but I should have added the documentation to the context.

10.09.2025 14:05 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Automated Astro dependencies update with Cursor and Claude | 56kode - Web Development Blog on React & TypeScript Complete migration from Astro 4 to Astro 5 with Content Layer automated by Claude 4 Sonnet. Detailed experience report on breaking changes, new rendering API, and migration of all dependencies like Re...

Back from vacation โœˆ๏ธ and straight into action!
I let AI handle a full dependency migration on my Astro blog: React 19, Astro 5 Content Layer, Tailwindโ€ฆ all automated โšก
Curious how it went?

๐Ÿ‘‰ www.56kode.com/posts/automa...
#Astro #AI #cursor #cursorAI

10.09.2025 09:21 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0
Post image

Lost in your codebase? ๐Ÿคฏ Cursor's screenshot search feature is a game-changer! Just paste a UI screenshot and it finds the corresponding file for you. Saves so much time! #Cursor

17.07.2025 13:34 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

AI agent stuck? ๐Ÿ˜ซ Pro tip: Just open a new chat and restart! Often fixes the bug and gets things running smoothly again. #AI

10.07.2025 08:30 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Tech watch #15 A curated selection of articles for React frontend developers, focusing on architecture, performance, and best practices

๐Ÿš€ Tech Watch #15 is live!
๐Ÿ‘‰ Compound Components in #React
๐Ÿ‘‰ useSyncExternalStore demystified
๐Ÿ‘‰ #AI & the future of dev jobs
๐Ÿ‘‰ #TypeScript in the AI era
๐Ÿ‘‰ Migrating from #ESLint to #BiomeJS
๐Ÿ”— open.substack.com/pub/56kode/p...

11.06.2025 13:18 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 1
Preview
Integrating Jira into Cursor with the Model Context Protocol | 56kode - Web Development Blog on React & TypeScript Step-by-step guide to connect Jira to Cursor through the Model Context Protocol and streamline your workflow

Skip the IDE-to-browser shuffle!
๐Ÿ”„ Make Cursor talk to Jira with MCP
๐ŸŽฏ Get tickets, check specs, even auto-build test plans without leaving your editor.
๐Ÿ‘‰ www.56kode.com/posts/integr... #Jira #CursorAI

05.06.2025 15:07 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
SolidJS for React Developers SolidJS has been around for a few years now. As a React developer, I wanted to give it a try. While it resembles React in many ways, it also introduces some key differences.

marmelab.com/blog/2025/05...

02.06.2025 07:10 ๐Ÿ‘ 0 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Level Up React: Mastering Context API | 56kode - Web Development Blog on React & TypeScript Explore the internal mechanisms of React's Context API, its optimizations in React 19, and how to use it effectively for global state management. Comparison with Zustand and Redux, advanced optimizati...

๐Ÿš€ New article: Level Up #React - Mastering Context API
๐Ÿ” Learn how React's Context API really works under the hood, whatโ€™s new in React 19, and when to use it vs Zustand or Redux.
๐Ÿ“‰ Avoid unnecessary re-renders with proven optimization tips.
๐Ÿ“– Read โ†’ www.56kode.com/posts/level-...

20.05.2025 15:19 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Mutation testing helps you find the truth:
Your tests either catch real issues โ€” or they don't.
Itโ€™s not something to run on every push.
But from time to time? Itโ€™s eye-opening ๐Ÿ‘€

14.05.2025 15:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

So when should you use it?
๐Ÿงน When cleaning up a legacy project
๐Ÿง  When improving test quality
๐Ÿšจ When you think your code is well tested โ€” but want proof

14.05.2025 15:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

But be warned โš ๏ธ
Mutation testing is slow.
๐Ÿ” It can multiply test time by 10x or more
๐Ÿงฑ It may require config tweaks to work with your test setup
๐Ÿข In CI, it can make feedback loops way longer

14.05.2025 15:16 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Thatโ€™s the magic of mutation testing:
โœ… It doesnโ€™t just check if your code is covered
โœ… It checks if your tests are actually useful
And thatโ€™s a huge difference.

14.05.2025 15:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Letโ€™s say you wrote this:

return a > b;

Mutation testing might change it to:

return a < b;

If your tests still pass... do they really check the logic? ๐Ÿค”

14.05.2025 15:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

๐Ÿ’ฅ Mutation testing works like this:
- The tool (like Stryker) changes your code on purpose
- It runs your test suite
- If tests fail โ†’ good!
- If tests pass โ†’ bad sign: the mutation slipped through

14.05.2025 15:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

๐Ÿงช What if your tests... were being tested too?

A high code coverage doesnโ€™t mean your app is bug-free.
It just means your code was executed by tests โ€” not that it was really verified.
Let me show you something better: mutation testing ๐Ÿ‘‡
#testing #jest #vitest #js #ts

14.05.2025 15:16 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

AI tools like ChatGPT or Claude write way better code with #TypeScript ๐Ÿค–๐Ÿง 

Your types give the AI context ๐Ÿ‘‡
Well-typed code = better suggestions, safer refactors, fewer bugs.
TypeScript isnโ€™t a nice-to-have. Itโ€™s your AI co-pilotโ€™s map ๐Ÿ—บ๏ธ

#ts #ai #cursor #windsurf

14.05.2025 12:30 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

๐Ÿš€ Tech Watch #14 is live!
๐Ÿ‘‰ Open-Closed Principle in React
๐Ÿ‘‰ Pattern Matching in TanStack Query
๐Ÿ‘‰ Faster Lazy Loading in React Router
๐Ÿ‘‰ useEffect: Child vs Parent
๐Ÿ‘‰ Cursor Rules for AI Dev in TS
๐Ÿ‘‰ The Hidden Cost of AI Coding
๐Ÿ”— open.substack.com/pub/56kode/p...

07.05.2025 15:58 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Post image

There's nothing better than full remote work.

28.04.2025 09:36 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Want better answers from #AI?
๐Ÿค” First, ask what info itโ€™s missing to help you better.
โœ๏ธ Then, ask it to rewrite your prompt for clarity.
You donโ€™t need to be perfect โ€” just collaborate smart ๐Ÿค–โœจ #chatpgt #claudeai #claude #gemini #deepseek

24.04.2025 10:55 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0