Flavien (56kode)

My blog had no identity. I rebuilt it with Claude Design and Claude Code. 🎨 Audits and fixes included, it took me less than a day. What do you think of the new design? www.56kode.com/posts/redesi... #claude #claudecode #claudedesign #ai

Vous avez supprimé la revue de code ? Vous avez peut-être raison ... f2r.github.io/fr/supprimer...

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...

🔥 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

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

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

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

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.

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...

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

🚀 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

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

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

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

🚀 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...

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

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

🚀 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-...

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

🚀 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...

There's nothing better than full remote work.

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

🚀 Tech Watch #13 is live! 👉 Master useReducer 👉 React.memo demystified 👉 React Reconciliation 👉 Tailwind's apply feature 👉 Toast in Server Components 🔗 56kode.substack.com/p/tech-watch...

📢 Stop managing complex state with multiple useState hooks! Learn how to master useReducer for structured state management in React 🧩 🔹 Centralize business logic 🔹 Create explicit actions 🔹 Improve testability 👉 www.56kode.com/posts/level-... #React

Your React.memo component keeps re-rendering? Check the children. JSX passed inline is recreated every render → breaks memo. ✅ Solution: memoize children with useMemo, or don’t memoize at all if it’s not worth it. Code ⬇️

🚀 Tech Watch #12 is live! Must-read for frontend devs: 👉 Real-world uses of TypeScript utility types 👉 Next.js auth with Server Components 👉 Vite vs Turbopack speed test 👉 React View Transitions API 👉 And more... 🔗 Read here: 56kode.substack.com/p/tech-watch...

Why I stopped using AI code editors: https://lucianonooijen.com/blog/why-i-stopped-using-ai-code-editors/

🔢 Want to improve your TypeScript skills? Learn how to refine number typing with literal types, branded types, and more! 🛠️🚀 👉 dev.to/56_kode/adva... #TypeScript #TS

🚀 Tech Watch #11 is out! Essential reads for frontend devs: 👉 Storing state in the URL in React 👉 Beyond React.memo for better performance 👉 LLMs for web devs 👉 Web Components guide 👉 SSR deep dive for React 👉And more... open.substack.com/pub/56kode/p...

New Level Up #React article! 🔄 Stop fighting with useEffect! Master this powerful hook to build truly performant apps. 🧩 Learn execution cycles, avoid infinite loops, and discover when NOT to use effects with practical examples. 👉 www.56kode.com/posts/level-... #reactjs #hooks

🔍 Tech Watch #10 is out! Curated frontend insights: 👉 Why unknown > any in #TypeScript 👉 TanStack Form v1 release 👉 Signals in #React: pros & cons 👉 #Cursor AI productivity tips 👉 React Wrapper Pattern 👉 Zod for API validation 👉 TypeScript Map Pattern Read more: open.substack.com/pub/56kode/p...

💡 TypeScript Tip: Prefer unknown over any for safer, more maintainable code! 🚀 🔹 any bypasses type safety, leading to runtime errors. 🔹 unknown forces type checks, reducing bugs. Learn why and when to use them: 👉 dev.to/56_kode/clea... #TypeScript #CleanCode

New Level Up #React article! Master state management with useState - from basics to performance optimization. Learn functional updates, lazy initialization, and avoid common pitfalls with practical examples www.56kode.com/posts/level-... #reactjs #hooks

🔍 Tech Watch #9 is out! Curated frontend insights: 👉Functional programming in React 👉React 19 new features (use hook & cache) 👉Permission systems & design patterns 👉Why Redux might be unnecessary 👉React performance guide Read more: open.substack.com/pub/56kode/p...

🎯 100% test coverage... but 0% value! Perfectly covered code ✅ Results never verified ❌ Look at this image: a test that executes all code without testing anything. Coverage measures execution, not quality. What are you actually measuring in your team? #testing #js #vitest #jest

🚀New Level Up #React article! Master functional programming in React with practical examples. Learn how first-class functions, purity, immutability, currying and composition create more predictable and maintainable apps www.56kode.com/posts/level-... #reactjs

🔍 Tech Watch #8 is out! Curated frontend insights: 👉React hooks & patterns 👉ESLint CSS support 👉TypeScript type safety 👉Browser extensions 👉Clean JavaScript conditionals Read more: open.substack.com/pub/56kode/p... #react #js #ts #typescript #javascript

🚫 Stop writing complex conditions in JavaScript! Name them properly, make them reusable, and your code will thank you later. Cleaner code is just a function away. ✨ #cleancode #js #javascript

📚 New Tech Watch is out! Dive into: - React & React DOM architecture deep dive - React Server Components insights - Browser main thread performance - JavaScript Temporal API preview - Clean code practices in React Read more 👇 open.substack.com/pub/56kode/p... #react #js

🇬🇧 Hello TypeScripters 👋 Meet @lcas.dev, speaker at Paris TS la Conf’! 🎤 Luca is a developer and open-source enthusiast who loves #Rust, #TypeScript, and fast websites. He works at @deno.land, contributing to #Deno, Deno Deploy, JSR, and Fresh.

🚫 The danger of modifying native prototypes in #javascript Don't pollute the global scope! Create pure functions instead: - prevents conflicts - better performance - easier debugging Full article: dev.to/56_kode/avoi... #cleancode

JavaScript Tip 💡 Use 𝚂𝚝𝚛𝚒𝚗𝚐.𝚙𝚛𝚘𝚝𝚘𝚝𝚢𝚙𝚎.𝚙𝚊𝚍𝚂𝚝𝚊𝚛𝚝() and 𝚙𝚊𝚍𝙴𝚗𝚍() to add padding for formatting output.

This Week In React 219 ⚛️ - CRA deprecated - Next.js experimental flags - Remix - Tremor dashboards - SaaS Starter - Local-First - JSDom - 2n8 📱 - Windows/MacOS - Debugging - Shopify - Polygen - Reanimated - Audio API - SwiftUI - BottomTabs Read online / subscrb: thisweekinreact.com/newsletter/219