Best of Frontend | November issue

It's hard to sort through all the articles, news and videos on the Internet. With my newsletter, I try to bring you a selection of the best frontend and tech resources every week. It's sometimes still too much information for some people, so I'm going to start making a best of list of links from the past month.

You'll find a maximum of 3/4 links in each category. I'll let you know in the comments if you like the format!

---

Frontend 🎨

• React Server Components

• Writing Components That Work In Any Frontend Framework

• Whats New with Angular v17?. Unveiling Angular 17: A Bold Leap

• Building modern Web Applications: 5 Essential Frontend Architecture Principles

• CSS Nesting by Ahmad Shadeed. Great explanations as usual.

• An Interactive Guide to CSS Grid

Web performances

• Liquid vs headless: A look at real user web performance Performance @ Shopify

• Learn Performance | web.dev A good introduction if you're new to the subject of web performance

• Chromium Blog: How Core Web Vitals saved users 10,000 years of waiting for web pages to load

• Vue.js Parallel Fetching improves LCP and FCP

UX / UI📱

🤩 If you find this article useful and satisfying, please support us by subscribing to our newsletter and sharing it with others! Thank you.

• AI as a UX Assistant

• The UI is absolutely mindblowing!!! => 2023 UX Research Tools Map | User Interviews

• Figma plugin API: diving into advanced algorithms & data structuresMartian Chronicles, Evil Martians team blog

Work, productivity 📇

• Organize Your Week as an Engineering Manager

• Tests Are Bad For Developers There are other articles to discover that I recommend. You can also subscribe to the newsletter.

• 10 hard-to-swallow truths they won't tell you about software engineer job

• The story about rice that made me understand great leadership

Misc🔋

• Here's a timeline of the OpenAI saga with CEO Sam Altman

• Data engineering at Meta: High-Level Overview of the internal tech stack

• 15-150: Principles of Functional Programming

• URL explained - The Fundamentals There's always something to discover with articles like this! Take this opportunity to review the basics

• The Web Can Do What!?

Tutorials 💻

• Vite - Modern JavaScript Bundler

• Building a progressive web app in Remix with Remix PWA

• Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js If you want to create a stylish portfolio, this is the tutorial for you

Tools & ressources 🔧

• Pokmon Cards CSS Holographic Effect It's too beautiful, I'm speechless

• System-design-primer: Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards`

• Awesome tool!!! Ribbon Shapes - Get a CSS-only Ribbon Shape made with a single-element and customizable using CSS variables

  

• Grep.app : Search across a half million git repos

Videos 📼

• Next.js Conf 2023 Introducing Next.js 14

• JetBrains JavaScript Day 2023

• Josh Comeau Secret Mechanisms of CSS

• Nathan Barry: Turning $1,000 in $320 Million

Podcasts, talks...🎙

🎧 Find our list of the best English and French podcasts here

• Leveraging CSS, Web Design, and Gaming UI with Adam Argyle

• The Art of Concentration: Mastering Mindfulness for Peak Performance

• Asian Efficiency - From Setbacks to Success: Reclaiming Productivity in the Face of Adversity

• Double Slash //74 - Les News Web Dev pour Novembre 2023 (French)

---

💌 If you like this article, don't hesitate to subscribe, to share it and support us! We are also on Twitter/X and BlueSky, come and say Hello! We share content throughout the week in advance.