Frontend Weekly Digest #231 (11–17 October 2021)
Web-development
• How to win at CORS
• Who Pays for Web Frameworks?
• Jamstack Developers’ Favorite Frameworks of 2021
• Building a multi-select component
• Hardware and the web: the balance between usefulness, security and privacy
• How it feels to code an HTML email template in 2021
• DOOM Rendered via Checkboxes
• The Art of Deception, Lighthouse Score Edition
- Tools
• Most popular mistake to ruin Webpack bundle optimization
• Google Chrome Hidden Features Every Developer Should Know
• Is Deno Still a Thing? A Look at the Status of the Node Killer
• What is Snowpack?
• webpack Boilerplate — Sensible webpack 5 boilerplate using Babel, PostCSS and Sass. - Accessibility
• Buttons vs. Links. No, they are not the same.
• What’s New in WCAG 2.2: New Success Criteria for Digital Accessibility
CSS
• Expandable Sections Within a CSS Grid
• Custom properties with defaults: 3+1 strategies
• Smart CSS Solutions For Common UI Challenges
• CSS is Going Gosh-Darned Hog Wild, I Tell Ya What
• Different Degrees of Custom Property Usage
• How to Create a CSS Typewriter Effect for your Website
• Bootstrap vs Tailwind vs Vanilla CSS
JavaScript
• JavaScript Framework TodoMVC Size Comparison
• ESNext: Import Assertions (JSON Modules, CSS Modules, …)
• Angular, Vuejs, Emberjs, Nodejs And Reactjs Roadmaps
• How to Use Saga Pattern in Microservices
• Micro Optimizing Your JavaScript Probably Isn’t Worth It, But…
• Using the new JavaScript .at() method
- Theory
• Synchronous vs Asynchronous JavaScript — Call Stack, Promises, and More
• Javascript Fetch: Get/Post/Put/Delete example
• Observables vs. Promises — Which One Should You Use? - Releases
• Announcing Parcel v2!
• ESLint v8.0.0 released - React
• React vs. Other Frameworks: A Comparison in 3 Aspects
• Useful React APIs For Building Flexible Components With TypeScript
• Turning a React app into an installable PWA with offline detection, service workers and theming.
• Taking a Look at startTransition in React 18
• The complete guide to internationalization in Next.js
• How to implement feature flags in React
• What’s new in Gatsby v4 - Vue
• How To Implement Search Functionality In Your Nuxt App Using Algolia InstantSearch
• Improve $destroy performance in Vue
• Why and when you should use Vuex
• Opinions on The Vue ecosystem
• Scaffolding an app with Vue 3, Nuxt, and TypeScript - Angular
• Improving Angular tests by enabling Angular testing module teardown
• How To Implement Heatmap In Tables Using Directives In Angular
• Angular Best Practices — Do you know them? - Svelte
• Svelte vs React: Ending the Debate
• How To Monitor Events in Your Svelte App
• How to create and publish Svelte components - Libs & Plugins
• tachometer is a tool for running benchmarks in web browsers. It uses repeated sampling and statistics to reliably identify even tiny differences in runtime.
• 5 Top Audio Processing Libraries for JavaScript
