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
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.
Reposted by Coding in Flow
The key prop in React is not only useful for lists.
If you want to reset the state of a component, you should use it too.
But attention, you want to put the key in a wrapper component so your callers don't have to remember it.
Here is how 👇
If you want to reset the state of a component, you should use it too.
But attention, you want to put the key in a wrapper component so your callers don't have to remember it.
Here is how 👇
January 29, 2025 at 8:04 AM
The key prop in React is not only useful for lists.
If you want to reset the state of a component, you should use it too.
But attention, you want to put the key in a wrapper component so your callers don't have to remember it.
Here is how 👇
If you want to reset the state of a component, you should use it too.
But attention, you want to put the key in a wrapper component so your callers don't have to remember it.
Here is how 👇
Reposted by Coding in Flow
How and when to use useMemo in React (with an example) 👇
January 28, 2025 at 8:40 AM
How and when to use useMemo in React (with an example) 👇
Reposted by Coding in Flow
Learn Context in React 19 with the
- new syntax
- new use() hook
- industry best practices
(YT link in 1st reply)
- new syntax
- new use() hook
- industry best practices
(YT link in 1st reply)
July 27, 2025 at 11:53 AM
Learn Context in React 19 with the
- new syntax
- new use() hook
- industry best practices
(YT link in 1st reply)
- new syntax
- new use() hook
- industry best practices
(YT link in 1st reply)
Reposted by Coding in Flow
How to actually learn from coding tutorials and not just waste your time in tutorial hell copying code 👇
January 27, 2025 at 6:59 PM
How to actually learn from coding tutorials and not just waste your time in tutorial hell copying code 👇
Reposted by Coding in Flow
How to properly reuse styles in @tailwindcss 👇
Tip: You shouldn't use @apply
Tip: You shouldn't use @apply
April 23, 2025 at 7:50 PM
How to properly reuse styles in @tailwindcss 👇
Tip: You shouldn't use @apply
Tip: You shouldn't use @apply
Reposted by Coding in Flow
Unsaved changes warning in Next.js with the new onNavigate function
(code in first reply)
(code in first reply)
April 23, 2025 at 1:30 PM
Unsaved changes warning in Next.js with the new onNavigate function
(code in first reply)
(code in first reply)