Frontend Digest - 2023 / 33

We're proud and happy to introduce DIGESTOR5000, a tool that helps us create Frontend Digest, and makes it more audience oriented 🎉

💎 Highlight of the Week

We're proud and happy to introduce DIGESTOR5000, a tool that helps us create Frontend Digest, and makes it more audience oriented 🎉

Digestor5000 interface screenshot

It's still a WIP version but there's already a couple of things you might find useful:

• you can browse all resources featured in Frontend Digest in the past

• you can submit a resource yourself and we will include it in the next episode! The only thing you need to do is to provide a URL, the app will scrape the title, image and description from the site meta tags to provide more context.

Obviously there's a couple of features we're still working on, including:

• resources filtering

• auto assigning relevant tags to the submitted resource

• and probably the most important thing - THE MEMES MODULE 🤠

We encourage you to visit the website and test the app at https://digestor-5000.vercel.app/

The code is open-source, feel free to check it out here and request features by submitting an issue.

📎 Thought-Provoking Bits

• A compilation of outstanding testing articles (with JavaScript)

• Large language models, explained with a minimum of math and jargon - want to really understand how large language models work? Here’s a gentle primer.

• Building Your Application: Caching - an overview of caching mechanisms in Next.js.

• Sending UI over APIs - server-generated UIs are transforming traditional UI development by sending layouts via APIs. Benefit from immediate bug fixes, faster iteration, and personalized user experiences. Learn from Instagram's Yaser Alkayale and get practical insights for your projects.

• Next.js 13 App Router: useSearchParams Hook Behaviors We Should Know - how to solve client-side rendering issues in Next.js when using the useSearchParams hook in a statically-rendered page/route

• 🔥 Mastering TypeScript: 20 Best Practices for Improved Code Quality

• Using TypeScript - new React Docs section about using TypeScript with React

• Closing the Gap: Simplify Your Web Layouts with the CSS Gap Property - get to know how adding the CSS Gap property to your layouts can make your projects easier to style.

• How We Roll - Chapter 1: Passwords - deep-dive into how Clerk implements authentication.

• Why is Facebook’s HTML + CSS Such a Mess? - interesting Syntax podcast episode where the hosts try to figure out and explain why Facebook's HTML and CSS look so messy.

• Generative Agents: Interactive Simulacra of Human Behavior

• Tetris, but the blocks are ARM instructions that execute in the browser

• Things you forgot (or never knew) because of React

• My Day on Autopilot - automating life

• The "Zero JS" Lie - is "Zero JS" a goal we should pursue?

• Use Type, not Interface in TypeScript

• Next 13 App Router Page Transitions

• Building Complex Types in TypeScript

• Object-Oriented Design Patterns for React Developers - Learn how to use object-oriented design patterns to build better React components.

• Introducing Next.js Commerce 2.0 - high-performance ecommerce template, including support for BigCommerce, Medusa, Saleor, Shopify, and Swell.

• Vercel Integration and Next.js App Router Support - using Supabase with Vercel and Next.js is now a lot easier.

• Feels like there's space for a library to add a thin wrapper, and some clever TS magic, to handle type-safe errors.

📦 Useful Whatchamacallits

• nektos - run your GitHub Actions locally 🚀

• m1guelpf - command palette-style Git client for blazing-fast commits.

🤠 Weekly Meme

source: https://twitter.com/PicturesFoIder