Frontend Weekly Digest #166 (6–12 July 2020)
Web-development
• What’s new in speed tooling
• NPM Tips and Tricks
• Make Your Sites Fast, Accessible And Secure With Help From Google
• Detect mobile browsers without user agent string parsing: Client Hints
• ARIA Grid As an Anti-Pattern
• Your SPA doesn’t need a router
CSS
• The Cicada Principle, revisited with CSS variables
• CSS Painting Order
• Ten modern layouts in one line of CSS
• CSS News July 2020
• Displaying the Current Step with CSS Counters
• What is CSS Specificity?
• The Power of Responsive Suffixes in Class Names
• A deep dive into webfonts
• How to Target Email Clients
JavaScript
• Are We Ready to Replace Lodash?
• Debugging JavaScript SEO issues
• How to Parse URL in JavaScript: hostname, pathname, query, hash
• The Ultimate Guide to the ES2020 Nullish Coalescing Operator
• Debounce Explained — How to Make Your JavaScript Wait For Your User To Finish Typing
- React
• Building a Blog with Next.js
• 4 ways to render large lists in React
• Next.js: Server-side Rendering vs. Static Generation
• Four Ways to Fetch Data in React - Vue
• Creating Tiny Desktop Apps With Tauri And Vue.js
• CSS Transitions In Vuejs And Nuxtjs - Angular
• Using Angular in the right way: Template Syntax
• Introducing (Angular Reactive) Forms with Benefits 😉
• Ng v8 to v9 — The know-how - Ember
• Reusable DOM behavior in React vs Ember
• The Ember Times — Issue №155
• The 2020 Ember Roadmap - Svelte
• Dynamic CSS Classes in Svelte - Libs & Plugins
• Financial — A Zero-Dependency TypeScript / JavaScript financial utility library inspired by numpy-financial that can be used on Node.js, Deno and the browser.
• Top 21 JavaScript 3D Library & Frameworks
• shareon — Lightweight, stylish and ethical share buttons
• Malina.js builds your web-application to use it without framework on frontend side.
