Coding in Flow
@codinginflow.bsky.social
I create high-quality programming tutorials focused on Next.js and React.
https://www.youtube.com/c/codinginflow
https://www.youtube.com/c/codinginflow
Reposted by Coding in Flow
Reminder that there is a really dope website to learn Git
November 28, 2024 at 7:41 PM
Reminder that there is a really dope website to learn Git
Reposted by Coding in Flow
React 19's new `use` hook can be called conditionally
Unfortunately, it doesn't work when you wrap it into a custom hook
Unfortunately, it doesn't work when you wrap it into a custom hook
July 12, 2025 at 9:17 AM
React 19's new `use` hook can be called conditionally
Unfortunately, it doesn't work when you wrap it into a custom hook
Unfortunately, it doesn't work when you wrap it into a custom hook
Reposted by Coding in Flow
How to handle errors in Next.js server actions 👇
February 12, 2025 at 6:49 AM
How to handle errors in Next.js server actions 👇
I don't get the hype about Gemini 3. It keeps contradicting itself within the same response.
They never live up to the hype.
They never live up to the hype.
November 20, 2025 at 11:08 AM
I don't get the hype about Gemini 3. It keeps contradicting itself within the same response.
They never live up to the hype.
They never live up to the hype.
Reposted by Coding in Flow
Making your website work without JavaScript is not about the 1% of internet users who have JavaScript disabled.
It's about the millions of people with slow internet speed for whom JavaScript loads slowly.
React has new tools that help progressively enhance your website 👇
It's about the millions of people with slow internet speed for whom JavaScript loads slowly.
React has new tools that help progressively enhance your website 👇
February 11, 2025 at 8:03 AM
Making your website work without JavaScript is not about the 1% of internet users who have JavaScript disabled.
It's about the millions of people with slow internet speed for whom JavaScript loads slowly.
React has new tools that help progressively enhance your website 👇
It's about the millions of people with slow internet speed for whom JavaScript loads slowly.
React has new tools that help progressively enhance your website 👇
AI influencers thinking a frontend dev's job is to design landing pages
November 19, 2025 at 8:34 PM
AI influencers thinking a frontend dev's job is to design landing pages
Reposted by Coding in Flow
Problem:
You want to add a shared layout element to some pages in the Next.js app router, but not others. But you don't want to create a nested URL for that.
Solution:
Use route groups to give sibling pages different layouts without changing the URL structure:
You want to add a shared layout element to some pages in the Next.js app router, but not others. But you don't want to create a nested URL for that.
Solution:
Use route groups to give sibling pages different layouts without changing the URL structure:
February 10, 2025 at 6:18 AM
Problem:
You want to add a shared layout element to some pages in the Next.js app router, but not others. But you don't want to create a nested URL for that.
Solution:
Use route groups to give sibling pages different layouts without changing the URL structure:
You want to add a shared layout element to some pages in the Next.js app router, but not others. But you don't want to create a nested URL for that.
Solution:
Use route groups to give sibling pages different layouts without changing the URL structure:
The Cloudflare worker who took down the internet right now:
November 18, 2025 at 6:44 PM
The Cloudflare worker who took down the internet right now:
Can I trigger a modal from a Ky callback in React?
I want to show a login modal for 401 responses (for any http method)
I want to show a login modal for 401 responses (for any http method)
November 18, 2025 at 2:24 PM
Can I trigger a modal from a Ky callback in React?
I want to show a login modal for 401 responses (for any http method)
I want to show a login modal for 401 responses (for any http method)
Reposted by Coding in Flow
Why React/Next.js is moving away from onClick handlers 👇
May 7, 2025 at 1:18 PM
Why React/Next.js is moving away from onClick handlers 👇
This has to be a joke
November 17, 2025 at 7:54 PM
This has to be a joke
Reposted by Coding in Flow
How to make your @nextjs.org websites super fast and improve SEO:
• implement generateStaticParams to prerender & cache dynamic routes
• if you can't prerender the page, use suspense boundaries
• lazy-load heavy NPM packages client-side with `dynamic`
• use next/Font & next/Image
• implement generateStaticParams to prerender & cache dynamic routes
• if you can't prerender the page, use suspense boundaries
• lazy-load heavy NPM packages client-side with `dynamic`
• use next/Font & next/Image
February 8, 2025 at 6:23 AM
How to make your @nextjs.org websites super fast and improve SEO:
• implement generateStaticParams to prerender & cache dynamic routes
• if you can't prerender the page, use suspense boundaries
• lazy-load heavy NPM packages client-side with `dynamic`
• use next/Font & next/Image
• implement generateStaticParams to prerender & cache dynamic routes
• if you can't prerender the page, use suspense boundaries
• lazy-load heavy NPM packages client-side with `dynamic`
• use next/Font & next/Image
Reposted by Coding in Flow
Tailwind CSS resets all default HTML styling by default.
This can make it tedious to style article pages from scratch. Like blog posts with different headlines, links, paragraphs, etc.
Tip: Install tailwind-prose to get beautiful default styling for your articles 👇
This can make it tedious to style article pages from scratch. Like blog posts with different headlines, links, paragraphs, etc.
Tip: Install tailwind-prose to get beautiful default styling for your articles 👇
January 8, 2025 at 8:00 AM
Tailwind CSS resets all default HTML styling by default.
This can make it tedious to style article pages from scratch. Like blog posts with different headlines, links, paragraphs, etc.
Tip: Install tailwind-prose to get beautiful default styling for your articles 👇
This can make it tedious to style article pages from scratch. Like blog posts with different headlines, links, paragraphs, etc.
Tip: Install tailwind-prose to get beautiful default styling for your articles 👇
When I think of "pair programming", I always have this image in my head
November 15, 2025 at 3:56 PM
When I think of "pair programming", I always have this image in my head
Reposted by Coding in Flow
Why does JavaScript's fetch not throw for error status codes like 404 and 500? And what can you do instead?
February 7, 2025 at 10:02 AM
Why does JavaScript's fetch not throw for error status codes like 404 and 500? And what can you do instead?
Reposted by Coding in Flow
What are tagged template literals in JavaScript, and how do they work?
February 6, 2025 at 11:09 AM
What are tagged template literals in JavaScript, and how do they work?
Reposted by Coding in Flow
Should you use React Query or SWR?
February 5, 2025 at 6:44 AM
Should you use React Query or SWR?
Why is AI still so shit at simple maths?
November 12, 2025 at 10:22 AM
Why is AI still so shit at simple maths?
Reposted by Coding in Flow
What is React Query?
February 4, 2025 at 7:32 AM
What is React Query?
Reposted by Coding in Flow
With a layout.tsx and pages, you can have client-side caching for tabs in Next.js while using 100% server components.
Each tab is a page and with staleTimes: 30 they are cached client-side for 30 seconds.
Each tab is a page and with staleTimes: 30 they are cached client-side for 30 seconds.
January 7, 2025 at 6:52 AM
With a layout.tsx and pages, you can have client-side caching for tabs in Next.js while using 100% server components.
Each tab is a page and with staleTimes: 30 they are cached client-side for 30 seconds.
Each tab is a page and with staleTimes: 30 they are cached client-side for 30 seconds.
Reposted by Coding in Flow
Have you ever wondered why all React.js hooks have to start with the word "use?"
This naming convention is necessary because hooks are special functions that have to follow certain rules.
This naming convention is necessary because hooks are special functions that have to follow certain rules.
February 2, 2025 at 8:31 AM
Have you ever wondered why all React.js hooks have to start with the word "use?"
This naming convention is necessary because hooks are special functions that have to follow certain rules.
This naming convention is necessary because hooks are special functions that have to follow certain rules.
Reposted by Coding in Flow
useState, useEffect, useCallback, useMemo, ...
but yet you never useBrain
but yet you never useBrain
February 1, 2025 at 7:02 AM
useState, useEffect, useCallback, useMemo, ...
but yet you never useBrain
but yet you never useBrain
Guys, of course AI is not gonna take your job
Nooothing to worry about
Nooothing to worry about
November 8, 2025 at 9:42 AM
Guys, of course AI is not gonna take your job
Nooothing to worry about
Nooothing to worry about
Reposted by Coding in Flow
React.js useEffect explained 👇
January 31, 2025 at 7:46 AM
React.js useEffect explained 👇
In hindsight, I'm grateful that I started learning programming with Java.
The language is so bad that it's like being thrown in cold water. After that, it's all uphill.
The language is so bad that it's like being thrown in cold water. After that, it's all uphill.
November 6, 2025 at 10:27 AM
In hindsight, I'm grateful that I started learning programming with Java.
The language is so bad that it's like being thrown in cold water. After that, it's all uphill.
The language is so bad that it's like being thrown in cold water. After that, it's all uphill.