Frontend Weekly Digest #181 (19–25 October 2020)

Web-development

• A Primer on the Different Types of Browser Storage
• The lang attribute: browsers telling lies, telling sweet little lies
• Smarter Ways to Generate a Deep Nested HTML Structure

• Tools
  • What’s New In DevTools (Microsoft Edge 87)
  • Bringing Chromium Edge PWAs (Progressive Web Apps) to the Microsoft Store
• Accessibility
  • The most useful accessibility testing tools and techniques
  • Focus management and inert
• Effects
  • Inspirational Websites Roundup #19
  • Animated clip-path slider Concept

CSS

• Creating CSS Shapes with Emoji
• Thinking Outside the Box with CSS Grid
• CSS in 3D: Learning to Think in Cubes Instead of Boxes
• “The CSS Universal Selector Is Slow And Should Be Avoided” — Yet Another Lie!
• Sass vars, CSS vars, and semantic theme vars
• Responsive Height Design
• State of CSS 2020

JavaScript

• Client-Side Rendering vs Server-Side Rendering vs Static-Site Generation
• Solving a stupid JavaScript problem
• Observer APIs in JavaScript — Part II
• 6 cutting-edge JavaScript features you can use today
• How to build a progressively enhanced accordion component with vanilla JS

• Release
  • Create React App 4.0
  • Babel 7.12.0 Released: TypeScript 4.1, strings as import/export names, and class static blocks
• React
  • React v17.0
  • Rockpack is a complex approach for bundling, logging, testing, SEO, SSR and more, for React application. Rockpack is create-react-app on steroids.
  • Getting Started With Styled-Components In React
  • What’s New In Create React App 4
  • Getting Started With Next.js
• Vue
  • 10 Quick-Fire Vue Interview Questions
  • What Vue.js Does Better Than React
• Angular
  • How to get the most from the TypeScript compiler — Angular
  • Angular — Communicating between templates with function-like HTML segments
  • Understanding @ngrx/component-store selector debouncing
• Ember
  • Ember 3.22 Released
  • Staging Deploys with ember-cli-deploy
  • React Hooks and Ember.js
• Svelte
  • Unlocking the power of Svelte Actions
  • Internationalize your Svelte app with reactive stores
• Libs & Plugins
  • Stop using Moment.js for Dates and Time in JavaScript
  • nsfwjs — A simple JavaScript library to help you quickly identify unseemly images; all in the client’s browser.
  • Lucia — a tiny JavaScript (UMD compatible) library as a drop-in replacement for jQuery and vanilla JavaScript web apps.
  • fingerprintjs — Makes a website visitor identifier from a browser fingerprint.

Browsers

• Coming through with Firefox 82
• Introducing Microsoft Edge preview builds for Linux