X'te Alex Sidorenko: "Next.js preserves client state on the page during navigation when cacheComponents is enabled https://t.co/5KDZzXKFee" / X
Tweet
X'te Alex Sidorenko: "React compiler can do useMemo for you https://t.co/fk8O7CaLvn" / X
![X'te shadcn: "Yes. You can do responsive inline css vars in Tailwind. [--color:red] sm:[--color:blue] https://t.co/vsFxQGH7Au" / X](https://rdl.ink/render/https%3A%2F%2Fpbs.twimg.com%2Fmedia%2FG34FzCYX0AEPkKV%3Fformat%3Djpg%26name%3Dmedium?width=350&height=&ar=&mode=&format=avif&dpr=2)
X'te shadcn: "Yes. You can do responsive inline css vars in Tailwind. [--color:red] sm:[--color:blue] https://t.co/vsFxQGH7Au" / X
X'te Alex Sidorenko: "Setting a cookie in server action automatically re-renders the current page and its layouts in Next.js https://t.co/vS1Nt4n2Ig" / X
(1) X'te Emil Kowalski: "A way to make your interface feel faster is to use `ease-out` easing for enter and exit animations. This curve accelerates at the beginning, which feels more snappy than `ease-in` which does the opposite. Here's `ease-out` vs `ease-in`with the same duration + curve comparison: https://t.co/IicGRB9t1R" / X
X'te Alex Sidorenko: "Typed routes are stable in Next 15.5 https://t.co/WHYQfHeEh4" / X
X'te Erfan Ebrahimnia: "Next.js config for removing all console.* calls in production https://t.co/PzUyzLLfkk" / X
X'te Alex Sidorenko: "PageProps helper in Next.js 15.5 https://t.co/Rz7AMwGSKH" / X
X'te Zafer Ayan: "NextJS prefetcing övme saati. <Link/> componenti kendi içinde IntersectionObserver barındırıyor ve görsel ekrana girdiği anda linkin gideceği sayfayı compile edip client tarafa stream ediyor. Böylece link client cache'e yazılıyor ve ışık hızında çalışıyor. https://t.co/r1r3rssQe6" / X
X'te Alex Sidorenko: "How to indicate a server component needs to be rendered dynamically at runtime, when it doesn't use dynamic APIs in Nextjs https://t.co/iuPImvr6r2" / X
X'te Ali Bey: "Every Nextjs app should have this for generating dynamic OG images https://t.co/WHvGQcIwYl" / X
X'te Jakub Antalik: "A quick tip on how to make the success checkmark animation a bit better https://t.co/v3QCXW78cl" / X
(1) X'te Bharat Kara: "⚡️ TanStack Query gives you global fetch tracking in one line. ✅ No useEffect, no useState ✨ Just clean, reactive UI https://t.co/izTESVNbRQ" / X
(1) X'te shadcn: "I use `ianvs/prettier-plugin-sort-imports` by @IanVanSchooten for sorting imports. ◆ React is always first. ◆ Followed by Next.js official packages: next/image, link..etc ◆ Then third party imports. ◆ Blank line ◆ Local imports in the order: types, config, lib, components. https://t.co/IMnTit4bp7" / X
X'te Bharat Kara: "⏲️ Relative time made easy with JavaScript’s Intl API Check it out 👇 https://t.co/A0zbOzM3tT" / X
X'te Alex Sidorenko: "Vercel price optimization tip: Don't block requests unnecessarily https://t.co/lfyU32BsV3" / X
dmytro (@pqoqubbw) on X
X'te Alex Sidorenko: "How to differentiate page.tsx tabs from Next.js in VS Code? https://t.co/3NTuKqBvSL" / X
Maze (@mazeincoding) on X
#CSS scroll-state() container queries in Chrome 133!@container scroll-state(stuck: top) { … } Read all about snapped, stuck and scrollable in this post:https://t.co/R5zjp18Ly1 ↪ https://t.co/TbOYDIJMRa pic.twitter.com/8jQmePG5b6— Adam Argyle (@argyleink) January 15, 2025
useDeferredValue in React pic.twitter.com/quhSOBy6WN— Alex Sidorenko (@asidorenko_) July 31, 2024
⚛️ A really neat feature about React server components: You can cache the result of a data fetch or computation using the `cache` function ↓ pic.twitter.com/YYNGqEVyCV— George Moller (@_georgemoller) August 23, 2024
"If I convert a Next.js layout to a client component, will that make all its children client components?" Nope pic.twitter.com/StbtdpDqnI— Alex Sidorenko (@asidorenko_) June 13, 2024
auto resizing textarea that has a minimum height pic.twitter.com/tn2zmWLpyk— JohnPhamous (@JohnPhamous) June 12, 2024
Optimistic drag and drop in Next.js pic.twitter.com/L2w4rc6gud— Alex Sidorenko (@asidorenko_) June 2, 2024
CSS tip: Use `font-variant-numeric: tabular-nums;` to align numbers neatly in a tables, progress counters, etc. Demo: https://t.co/Hnsz4OJIPg pic.twitter.com/FjC9L6Ywkc— Javan Makhmali (@javan) January 25, 2022
#CSS scroll-state() container queries in Chrome 133!@container scroll-state(stuck: top) { … } Read all about snapped, stuck and scrollable in this post:https://t.co/R5zjp18Ly1 ↪ https://t.co/TbOYDIJMRa pic.twitter.com/8jQmePG5b6— Adam Argyle (@argyleink) January 15, 2025