📢 News & Trends

• (🌍) The Vue Ecosystem in 2024

  Overview of Vue’s 2024 ecosystem updates, including Vite and Pinia integration.

• (🚀) Why Nuxt Makes Your Vue Life Better

  Benefits of using Nuxt for Vue.js development such as built-in features and project structure simplification.

• (🏗) Domain Driven Design With Nuxt Layers

  Discusses organizing a Nuxt project around business domains for better maintainability.

• (🏆) 10 Best Front end Frameworks for Web Development in 2024

  Evaluates the top front-end frameworks of 2024, offering insights on which to consider for future projects.

🆕 Releases & Updates

• (🔧) React 19 Beta

  @Carrefour CSI

• (🔮) Vue: The Shiki Magic Move

  Introduction to Vue’s Shiki Magic Move feature.

• (✅) Eslint 9.0.0

  Major release of ESLint 9.0.0 with new rules and updated configuration options.

• (🔄) Web Components from early 2024

  Insights into the latest trends and developments in web components as of early 2024.

• (🆕) Angular 18 New Features

  Angular 18 introduces functional route redirects, supports default content in ng-content, and enables zoneless applications using a new change detection system.

🛠 Tools & Resources

• (🌀) 5 Tailwind CSS Anti-Patterns to Avoid

  Common mistakes in using Tailwind CSS and how to avoid them.

• (⏲) Latency Numbers Every Frontend Developer Should Know

  Crucial latency insights for optimizing web performance.

• (🌐) Every React Concept Explained in 12 Minutes

  A video summarizing React concepts. (Content not directly accessible)

• (🔗) System Design Interview Question: Design URL Shortener

  Exploring design considerations for building a URL shortener service.

• (🎨) Write Better CSS With Modern CSS

  Techniques for improving CSS writing practices with modern CSS features.

• (📆) Cally: Web Component Calendar

  Overview of Cally, a lightweight web calendar component.

📆 Upcoming Events

• (🎉) Vue Conf May 15-17

  Details on the Vue conference in New Orleans with workshops and networking opportunities.

• (🎨) React Conf May 15-16

  React Conf will feature discussions on the latest developments and best practices in the React community.

• (🚢) Vercel Ship

  Insights from the Vercel Ship conference focusing on Frontend Cloud advancements.

---

Cited Sources:

• Frontend Masters
• Vue.js Developers
• Vue School
• KnowledgeHut
• React.dev
• Coder Oasis
• Antfu.me
• ESLint.org
• Chris Burnell
• Medium
• Atomic Object
• Vercel
• YouTube
• GitConnected
• CSS-Tip
• Wicky Nillia

That's it for this week's frontend digest! What are you most excited about? Happy coding! 🚀

Explore More

• Why Use a Set Instead of an Array in JavaScript?
• Frontend Development Weekly Digest 🍵 - Weeks 16-17
• How Carrefour Built a 360° Frontend Observatory for Hundreds of Projects