Issue #57 // Aug 9, 2024 // Open web version |
|
React Conf 2024 Talks – All the talks from React Conf 2024 are now online, with a major spotlight on React 19. If you’re interested in the future of React, this is a great chance to learn more
Avoiding premature abstraction with Unstyled React Components – Learn how unstyled React components can help you avoid adding premature styling abstractions to your codebase
⚡️ Sponsor
Run GitHub Actions up to 2x faster and 50-75% cheaper – Blacksmith provides a drop-in replacement for GitHub Actions runners that use modern gaming CPUs instead of GitHub's decade-old server hardware. It's a one-line code change and takes under 5 minutes to integrate.
📙 Tutorials, Articles & Opinion► Build a Web Scraper API with Puppeteer – Colby explains how you can use Puppeteer in a Next.js API route hosted on Vercel to programmatically collect data from a website.
Free Book: Build a Blog Using Next.js – With over 200 pages, this book describes how to build a Next.js blog in 2024 using all the latest practices
Using Notion as my CMS with Next.js – Details the technical setup, covering data access, API integration, and caching strategies. The code is also available if you'd like to implement something similar yourself
Flags as code in Next.js – Exploring the usage of feature flags in Next.js with Vercel's Flags SDK
📦 Packages / Tools / ReposVercel AI SDK 3.3 – Main features of the latest release: Tracing, Multi-modal file attachments, Stream object generation and JSON for tools, structured object generation, and more
TypeSchema – TypeSchema enables writing code that works with any validation library such as Zod, Valibot, Yup, etc.
reachat – A UI library for building LLM chat experiences. The components can be customized via Tailwind
next-image-s3-imgproxy-loader – This package works as a layer on top of the next/image component and allows you load images from an imgproxy instance
More:
🌈 RelatedBoosting performance: Faire’s transition to Next.js – Learn how Faire navigated the migration from a mature single-page application to the server-side NextJS framework
Redux Essentials – The "Redux Essentials" tutorial got updated. The improved version covers key Redux concepts, all of RTK's APIs and more
Please Stop Using Barrel Files – Why you probably shouldn't be adding index.ts files everywhere
Behind the scenes of Tinybird's big frontend refactor – Tinybird is a real-time platform for user-facing analytics. Recently, they undertook a major refactor of their frontend app. This article details their process, the technology they employed, and the challenges they encountered while developing the new app
|