Welcome to the eagerly anticipated second episode of Frontend Digest this year! Get ready for your monthly fix (for now; we're still deciding on our publication frequency) of highlights, dramas, thought-provoking insights, and memes straight from the vibrant frontend world. So, grab your favorite cup of coffee, settle in, and immerse yourself in the excitement!
💎 Highlight of the Month
It's been a while since React 18, and a bunch of new experimental features have been added since then. React is finally gearing up to release these features officially with version 19 coming later this year. Take a look at the update from React team - React Labs: What We've Been Working On – February 2024
🎠Dramas of the Month
Apple wanted to kill PWAs? 🤔
Apple confirms: It's killing home screen web apps in the EU | Mashable - Progressive web apps are officially no more for iPhone users in the EU.
But then they luckily chickened out under the pressure form community
Apple reverses decision to kill home screen web apps in the EU | Mashable - Home screen web apps will continue to be available on the iPhone after Apple reverses a previous decision to kill the feature off.
Major Resend outage
Popular platform for sending transactional emails, Resend, has experienced a massive outage. Service has been down for 12 hours preventing users from using the API and accessing the dashboard. I guess having access to production database from your local machine isn't such a great idea, right?
Incident report for February 21st, 2024 · Resend - Detailed postmortem of the outage on February 21st.
📎 Thought-Provoking Bits
Avoiding Common Mistakes with TanStack Query Part 1 | Bun Colak's Personal Blog - TanStack Query is probably the most popular library for fetching data in React. It is simple and powerful, but there are some common mistakes I see repeated.
Avoiding useEffect with callback refs | TkDodo's blog - Interacting with DOM nodes doesn't necessarily need useEffect
XY Problem: Misunderstanding the Real Problem - Understanding the XY Problem: Misguided solutions stem from discussing the wrong issue. Learn to ask better questions for effective problem-solving
Introducing SafeTest: A Novel Approach to Front End Testing | by Netflix Technology Blog | Feb, 2024 | Netflix TechBlog - Netflix introduces SafeTest, "a revolutionary library that offers a fresh perspective on End-To-End (E2E) tests for web-based User Interface (UI) applications"
Million Lint is in public beta | Million.js - ESLint, but for performance? Seems pretty exciting!
Cory House (@housecor) on X - Four interesting points about React Server Components
Demystifying React Server Components with NextJS 13 App Router - Understand RSC by digging into the details of how it really works
Introducing feature flag management from the Vercel Toolbar – Vercel - Uplevel your flags workflow with the Vercel Toolbar
Redwood v7.0.0 is now available! - Releases and Upgrade Guides - RedwoodJS Community - Today we’re announcing Redwood v7.0.0! :rocket: The highlights of this major are Redwood Studio, many new and long-awaited GraphQL features like Realtime, Fragments, and Trusted Documents, the server file, new router hoo…
Introducing Clerk Core 2 Beta - The latest beta release ships with an improved design and UX for built-in components, new middleware for Next.js, a CLI tool to help you upgrade, and a lot of bug fixes, DX improvements, and deprecation removals.
Soft and hard spend limits for Vercel projects - Learn how to view, monitor, and alert on your Vercel usage.
Introducing AI SDK 3.0 with Generative UI support – Vercel - Stream React Components from LLMs to deliver richer user experiences
The Hardest Problem - For what feels like forever now, there’s been an ongoing debate about the rising complexity of web development. Developers feel overwhelmed with the amount of choice they face when starting a new project. Which framework – or now, metaframework – should you choose? Which testing library? Which build tool? Which cloud provider?
React, Solid, htmx | bobae kang - React, Solid, and htmx shows new ways to cross the network gap.
📦 Useful Whatchamacallits
Aceternity UI - Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.
GitHub - matejchalk/zod2md: Generate Markdown docs from Zod schemas - Generate Markdown docs from Zod schemas. Contribute to matejchalk/zod2md development by creating an account on GitHub.
GitHub - mui/base-ui: Base UI is a library of headless ("unstyled") React components and low-level hooks. You gain complete control over your app's CSS and accessibility features. - Base UI is a library of headless ("unstyled") React components and low-level hooks.
GitHub - charlax/professional-programming: A collection of learning resources for curious software engineers - A collection of learning resources for curious software engineers
rodz/input-otp - One-time password input component for React.
Getting Started | Starlight - Learn how to start building your next documentation site with Starlight by Astro.
GitHub - 0no-co/gql.tada: 🪄 Magical GraphQL query engine for TypeScript - 🪄 Magical GraphQL query engine for TypeScript
🤠Weekly Meme
About Resend outage:
You know when it happened? Exactly the day when I was doing live demo in front of the whole company :D