The Frontend newsletter #8 - by Tech foutraque

🗞 Article of the week : 5 Inconvenient Truths about TypeScript

🎨 Frontend

• Typing useRef is EASY with ElementRef 📼

• How to Share and Reuse Micro Frontends | Bits and Pieces

• A Practical Guide to Service Workers

• WordPress Playground

• Breaking Up with SVG-in-JS in 2023 | Jacob Gro

• The Looking Glass: Higher Level Design

• Accessible Animated GIF Alternatives

• Tailwind CSS Tips and Tricks Worth Knowing

• How to Use CSS object-fit and object-position
  
  Scroll driven animations in CSS are a joy to play around with!

• The new @font-face syntax

• From Hacks to Elegance: Transforming a Card Component with Modern CSS Wizardry

• How React 18 Improves Application Performance Vercel

• Comparing Four React Form Libraries: Formik, React Hook Form, React Final Form And Unform Smashing Magazine

• React Query and React Context

• Upgrading an Ancient React Application - Lab Zero

• Nuxt on the Edge Nuxt

• A guide to Nuxt server components

• Deploying a Fastify & Vue 3 Static Site to Heroku

• A Comprehensive Vue 2 to Vue 3 Migration Guide

• They Just Fixed VUE ROUTER

Web performances

• Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? CSS Wizardry

• Fixing INP with a VIEWPORT tag

• A case study on scroll-driven animations performance - Chrome Developers

• Karolina Szczur - Catching Up With Web Performance 📼

📱 UX / UI

• Loading & progress indicators UI Components series | UX Collective

• Get ready for depth scrolling | UX Collective

• Invisible Details of Interaction Design

• Whats The Perfect Design Process? Smart Interface Design Patterns

• The UX Cookbook

🔋 Misc

• Team, project, and file organization

• Alignment > Autonomy

• Enhancing Your Definition of Done Can Improve Your Minimum Viable Architecture

• Mid Career Stuckness

• Why Roles Are Not Rules | Figma Blog

• Readability: Google's Temple to Engineering Excellence

• Why software projects take longer than you think: a statistical model

• Being a good mentor - a developers guide

• Bad Design Managers

• What does a CTO actually do?

• On Becoming a VP of Engineering, Part 2: Doing the Job | Honeycomb

👾 Tutorials

• Next.js & Appwrite Full Stack Course

🔧 Tools & ressources

• Driver.js | Product tours, highlights, contextual help and more.

• Charmbracelet/pop: Send emails from your terminal 📬

• Dabeaz-course/python-mastery: Advanced Python Mastery

• Goldbergyoni/nodebestpractices | The Node.js best practices list

• Introducing React Tweet Vercel

• Docusealco/docuseal: Open source DocuSign alternative

• Folder Structure in the remote era

• An organizational starter kit for your design projects

• Gibbok/typescript-book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.

📼 Videos

• The differences between CSS and Sass Nesting

• Why Panda CSS for RSCs is Changing the Game

🎙 Podcasts, talks...

• Tech Rock | Cyberscurit : derrire les bonnes pratiques, la ralit 🇫🇷

• Syntax | Supper Club Email Sending, Spam, DMARC, SPF, Styling, and more with Andris Reinman

💌

If you like this newsletter, don't hesitate to share it.