2023 / 40

Vercel has shown a new tool called V0, which generates user interfaces based on user prompt. It's like a Dall-E but for frontend! It's very exciting to see, where it will lead.

💎 Highlight of the Week

This week's highlight is v0.dev by Vercel. A generative user interface system by Vercel powered by AI. It generates copy-and-paste friendly React code based on shadcn/ui and Tailwind CSS that people can use in their projects.

📎 Thought-Provoking Bits

• URL state is underrated

• The Uphill Battle of Memoization - Exploring why React.memo shouldn't be your first choice for performance optimizations

• Optimistic updates in Next.js 13

• Upgrading npm dependencies with confidence

• Mastering UI Testing: Crushing False Failures with GraphQL Mocking - what happens when you have UI tests running which hit your GraphQL server and subsequently fail because of issues in upstream systems?

• Part 1: The HTTP Request Journey - expert led courses for front-end web developers and teams that want to level up through straightforward and concise lessons on the most useful tools available.

• A visual guide to getting equal columns in CSS grid

• Wrap your gifts not your dependencies - We’ve all been there. It's time to introduce a new package / dependency to our code base, be it an HTTP request library, a logger, or something else, and the question we ask ourselves “Should I wrap it?”

• A More Modern CSS Reset

• ChatGPT cheat sheet for beginners

• Conditionally add a field to an object by (ab)using an object spread

• Creating a resizable panel UI with CSS only

• How to generate massive amounts of demo content for Sanity - It can be useful for testing plugins, front ends, or other integrations to have a Sanity Studio populated with fake content.

• Introducing Railway V2 - “So, in summary, this is fundamentally a bad idea. Do you want to invest?” This was my pitch to investors in 2020.

• How to create forms with Next.js App Router and Server Actions

• Introducing runes - Rethinking 'rethinking reactivity'

• You really need to try Astro - Astro brings modern improvements to the web without the complexity.

• Remix v2 - The second major release of Remix is stable today.

• Mastering Unit Testing With NestJS

• @property CSS syntax

📦 Useful Whatchamacallits

• Plane.so - Open-source project management tool to manage issues, sprints, and product roadmaps with peace of mind.

• Lunar UI - Create stunning landing pages with customizable plug-and-play components

• Simple Icons - 2730 Free SVG icons for popular brands

• Windmill UI - Stunning components for faster web development

🤠 Weekly Meme

A fragment from The Truman Show Movie.

This is our 123rd digest that we have published. Over 2 years we were storing, searching and preparing digests without any major breaks. We have learned a lot, we made a lot of friends along the way. Unfortunately, the time has come. It was a tough decision - after so many published Digests, we're taking a break. We don't know how long it will be, and even if we return at all.

Thank you to all friends who rooted for us, thank you o all the former and current editors. It was a pleasure to work with you.

Good morning, and in case I don't see ya, good afternoon, good evening, and good night.