Frontend Weekly Digest #149 (9–15 March 2020)

Web-development

• Happy 31st birthday, World Wide Web!
• The performance benefits of Variable Fonts
• Fluid Width Video
• What’s New In DevTools (Chrome 82)
• RedwoodJS: Bringing Full-Stack to the JAMstack — A new framework that combines React, GraphQL, Prisma2, and lots more out of the box.

• Accessibility
  • Web Accessibility Checklist: 16 Things to Improve Your Website Accessibility
  • Accessible SVGs: Inclusiveness Beyond Patterns
• Effects
  • Pure CSS Landscape — An Evening in Southwold
  • Background Scale Hover Effect with CSS Clip-path

CSS

• CSS Viewport Units
• Flexbox and absolute positioning
• How to Make a Line Chart With CSS
• Considerations When Choosing Fonts for a Multilingual Website
• Adventures in CSS Semi-Transparency Land
• Setting Height And Width On Images Is Important Again

JavaScript

• Comparing different ways to make HTTP requests in Javascript in 2020
• JavaScript: The First 20 Years
• How I made a 3D game in only 2KB of JavaScript
• Aborting a signal: How to cancel an asynchronous task in JavaScript

• Theory
  • JavaScript Clean Code — Vertical Formatting
  • Stop using the ‘else’ keyword in your code
  • The Guide to Arrow Functions in ES6
• Practice
  • Create secure and fast websites using the JAMstack — Free 3.5-hour course
  • Get Started Building GraphQL APIs With Node
  • Create a Modern Vanilla Javascript Router
• React
  • JavaScript Technical Interview Question: is React a MVC or MVVM?
  • Using Redux with React: Complete Tutorial with Real-World Examples (Plain Redux and Redux Toolkit)
  • A Simple Guide to Error Boundaries in React
  • Next.js 9.3 introduction
  • React Table v7 marks the culmination of over a years worth of work to refactor the entire library to a hooks-only UI/Style/Markup agnostic table building utility.
  • React Single File Components Are Here
  • How to Show and Hide Elements in React
  • How to Migrate a React App to TypeScript
  • 9 Tips for Building Awesome Reusable React Components
  • How to Start Testing Your React Apps Using the React Testing Library and Jest
• Vue
  • Vue.js 3 Tutorial — Build An App with New Features of Vue 3
  • Vue advanced tricks cheat sheet
  • Vuex: Why We Need SPA State Management
• Angular
  • Angular 9’s Best Hidden Feature: Strict Template Checking
  • Angular Localization: the Why, What, and How
• Ember
  • Ember Form Validation with ember-cp-validations
  • EmberJS Chennai Meetup — Feb 29th 2020
  • Ember Test Case for a CRUD Application with mirage
  • The Ember Times — Issue №139
• Svelte
  • Why Svelte is our choice for a large web project in 2020
  • Building my own static site generator for Svelte
• Libs & Plugins
  • lukeed — A tiny (134B) and fast utility to generate random IDs of fixed length
  • ls-lint — An extremely fast file and directory name linter — Bring some structure to your file and directory names
  • COVID API — API for live information about COVID-19
  • sort-isostring — A tiny (110B) and fast utility to sort ISO 8601 Date strings

Browsers

• 6 big reasons to try the new Firefox Android preview
• Security means more with Firefox 74