Frontend Weekly Digest #337 (13–19 November 2023)

Web-development

• HTML First is a fool’s dream
• HTML Web Components: An Example
• New Web APIs — a popover on top of a dialog element can’t be interacted with?
• HTML Web Components
• An Attempted Taxonomy of Web Components
• A New Technique for Image Optimization: SVG Short Circuiting
• On-Scroll Shape Morph Animations

• Tools
  • Vite 5.0 is out!
  • Bun adoption guide: Overview, examples, and alternatives

CSS

• CSS Nesting
• Workarounds for Buggy Gradients
• Totally remdom, or How browsers zoom text
• CSS Responsive Multi-Line Ribbon Shapes (Part 1)
• Radial Gradients and CSS Trigonometric Functions
• Creating an Interactive Image Gallery with HTML and CSS
• ~~New~~ Old way to write CSS
• How to use CSS anchor positioning
• 10 comparisons on Bootstrap vs. Tailwind CSS — Decoding the Front-End Dilemma

JavaScript

• Is Elegant JavaScript Always Performant? Concise vs. Fast Code Explained
• Explicit Resource Management: Exploring JavaScript’s and TypeScript’s new feature
• Astro adoption guide: Overview, examples, and alternatives
• JavaScript OOP — Not A Mystery Anymore

• React
  • React Server Components, without a framework?
  • Moving back to React
  • Async rendering in React: Suspense, Hooks, and other methods
  • Why MobX Is No Longer Fashionable
  • Concurrency in React 18 for busy bees
  • How to Use TypeScript with React
• Vue
  • Using Flow Diagrams to Manage State in Complex Applications
  • Better Vue Application State Management with Vuex Modules
• Angular
  • Exploring Angular’s evolution: Why it’s worth another look
  • You’ve Been Building Angular Apps Wrong!
  • How Angular Dependency Injection works under the hood
  • Component-Store in Angular: Component Level State Management with a Practical Approach