Issue #71 // Jan 10, 2024 // Open web version |
|
Composable Caching with Next.js – The new caching mechanism in Next.js provides a flexible and intuitive way to integrate dynamic and static parts of your app. This post explains why the new caching uses a directive instead of a cache function, how cache keys work, and how composability functions similarly to client and server components.
Building the Black Friday-Cyber Monday live dashboard – A walk-through on how Vercel built a data-heavy Black Friday-Cyber Monday dashboard to be cost-efficient, fast, and accurate
⚡️ SponsorArcjet - security as code for Next.js – Implement bot protection, rate limiting, email validation, PII detection, and defense against common attacks.
📙 Tutorials, Articles & Opinion► This magic hack makes Next.js possible – Next.js’s cutting-edge features are built on a setImmediate() hack. Curious how? This video has all the answers
𝕏 Why transitioning between pages take so long in Next.js? – A detailed breakdown of why Next.js compiles pages on demand rather than compiling them all when running next dev
RSC and Server Action bundle practice – If you're interested in how bundlers like Webpack support React Server Components, this blog post is for you.
📦 Packages / Tools / Reposfancy components – A collection full of fancy, fun, edgy and useless React components built with TailwindCSS and Motion
Base UI – From the creators of Radix, Floating UI, and Material UI, Base UI is an unstyled UI component library for building accessible user interfaces.
Gimli Tailwind – A browser extension to intuitively view and edit utility classes
Monorepo Support for the shadcn CLI – The CLI now understands the monorepo structure and will install the components and dependencies in the right packages, and handles import resolution for you
⚡️ SponsorIntroducing React Router SDK (Beta) – Add authentication and authorization to your React Router application, as a framework or library, in minutes with this new Clerk SDK.
🌈 RelatedReact Query - The Bad Parts – To truly understand something, it’s crucial to be aware of both its benefits and, perhaps even more importantly, its downsides. In this talk, maintainer Dominik will explore the less favorable aspects of React Query and highlight scenarios where it might not be the best fit
React Lifecycle in 3 Minutes – A quick and clear guide on React lifecycles: mount, unmount, and rerender. Find out when useLayoutEffect is cleaned up and when DOM Refs are set in your components
CSS Wishlist 2025 – I didn’t even realize that there are draft proposals for most of these features. It’s wild to think about how far CSS has come. I’d love to see things like Motion-Blur, Reduced Data, or CSS Carousel become part of the standard in 2025
React 19 and Web Component – With the latest major release, React has added support for custom elements. In this short post, Chris demonstrates how to use them in a React app.
|