Frontend Weekly Digest #163 (15 –21 June 2020)

Web-development

• Bootstrap 5 alpha! Bootstrap no longer depends on jQuery and has dropped support for Internet Explorer
• Blogging Simplified — Static Site Generator for blogs, doc sites and more

• Tools
  • Getting started with Puppeteer 🤖
  • Puppeteer v4.0.0. Breaking change: Puppeteer no longer uses Node’s EventEmitter library
  • Why we switched from Yarn to pnpm
  • Introducing GitHub Super Linter: one linter to rule them all
  • ESLint 7.0, 7.1, 7.2 Releases Improve Developer Experience and ES2020 Support
  • Introducing Firefox Private Network VPN’s Official Product — the Mozilla VPN
• Accessibility
  • Inclusively Hiding & Styling Checkboxes and Radio Buttons
  • How To Write Alt Text And Image Descriptions For Photojournalism Images
• Animations
  • [Dribbble Challenge] — Coffee Ordering Animation
  • ScrollTrigger — Highlight Text
  • Easing Animations in Canvas

CSS

• Advice for Complex CSS Illustrations
• Grid Cheatsheet: Demos for W3C CSS Grid Specification
• CSS Custom Properties Fail Without Fallback
• CSS Animation: the basic concept and more..
• Thoughts on Functional CSS
• Better Ways to Organise CSS Properties

JavaScript

• What Can We Expect in TypeScript 4.0?
• Refactoring optional chaining into a large codebase: lessons learned
• What JavaScript Developers Should Know About Curl
• Compiler Compiler: A Twitch series about working on a JavaScript engine
• Stay DRY Using axios for API Requests
• Beyond Obfuscation: JavaScript Protection and In-Depth Security

• Theory
  • JavaScript Best Practices for Readable and Maintainable Code
  • 3 Ways to Check If an Object Has a Property in JavaScript
  • ECMAScript — Introducing String “matchAll” Method in ES2020 (ES11)
• React
  • React Hook Form VS Formik
  • React Icon System
  • Better Reducers With Immer
  • Let’s Build a Financial Dashboard with React
  • Everything You Need to Know About FLIP Animations in React
  • How to Create PDF Reports in React
  • Hey Next.js, Is Server Side Rendering Dead?
• Vue
  • Go async in Vue 3 with Suspense
  • Open Source: A Walkthrough of OverVue V2
• Angular
  • Working with directives in Angular
  • A Powerful Tooltip and Popover for Angular Applications
• Ember
  • The Ember Times — Issue №153
  • ember-handy-globals — Handy Emberjs Globals for Developing
• Svelte
  • Svelte tutorial note
  • Learn Svelte in 5 Minutes
  • Svelte 3 — How to connect your app with a Rest API Axios
• Libs & Plugins
  • 🕰 Simplified (grouped) list of time zones and offsets, always up to date, full data included