Frontend Weekly Digest #305 (3–9 April 2023)

Web-development

• Improper HTML: Bad Examples Makes For Bad Developers
• What Makes TypeScript Special?
• How WebAssembly is accelerating new web functionality
• My Boss: Front-end Development Will be Replaced 100% by AI
• Largest Contentful Paint change in Chrome 112 to ignore low-entropy images

• Tools
  • Welcome to Make Bookmarklets
  • 5 useful JSON tools to improve your productivity

CSS

• A CSS selector to highlight clickable elements
• Using color-mix() to create opacity variants
• Tailwind CSS vs Bulma CSS
• Running CSS animations only if both the device and the user allow it
• Can you create beautiful stroked text in CSS?
• Creating custom CSS typography with COLRv1 specification

JavaScript

• What’s the best way to do animations with JavaScript?
• Vue and Ember: How They Compare, and Which to Use

• React
  • Best Practices of React HOCs: The Untold Benefits You Know Nothing About 🫵
  • Best Practices of React Route Resolver: Stop Waiting for Component to Fetch Data
  • Pre-rendering your React app with react-snap
  • React forwardRef(): How to Pass Refs to Child Components
  • Refs in React: from access to DOM to imperative API
  • Translate your React app using Format.js
• Vue
  • Build a Reusable Carousel with Vue and Splide.js
  • Using SuperTokens in Vue
  • Understanding slots in Vue.js: Types, benefits, use cases
  • Promise handling for complex modals in Vue 3
  • [Vue 3] Function Expression Vs Function Declaration inside Script Setup
• Angular
  • Angular: The Framework of Past, Present, and Future
  • Common Angular Interview Questions And Answers
  • Part Of Why I Think Angular Is Junk

Browsers

• Safari releases are development hell
• Chrome ships WebGPU
• New in Chrome 112