Digest of fresh materials from the frontend world for the last week # 435 (September 28 - October 4, 2020)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Media     |    Web Development     |    CSS     |    JavaScript

Media

• UnderJS Podcast # 27 - V8 again 8. 3/4/5 and PHP 8

• Frontend Yunost podcast # 157: Learn to live on 280k per month

• CSSSR podcast - Firefox 81, new JSX Transform, criticism of Web Components, CDN optimization , V8 8.6, Hacktoberfest 2020

Web development

• Why do we need a dedicated Frontend Core team and how did we implement the design system

• Why did I choose Next.js over Gatsby, Gridsome or Nuxt?

• You don’t know how modal windows are supposed to work

• Lazy-loading videos

• How to use face tracking to interact with typography

• Make your PWA look more like an application

• oops, I think we (front-end developers) are now full-stack developers

• Create mirror effects with React-Three-Fiber and Three.js

• 
  
  • Edge Dev Tools Visual Studio Code
  
  • ESLint —
  
  • DevTools (Chrome 87)
  
  • DevTools
  
  

CSS

• The Complete Guide to CSS Media Queries.

• Closing Spaces (in flexbox). Igalia blog article on fixing flexbox specs

• Achieving vertical alignment (thanks Subgrid!)

• How to auto-adjust font size using CSS font-size-adjust?

• Inspector for CSS Grid in Chrome

• How to make a semi-transparent layer for the background using CSS without affecting the text

• How to use Tailwind CSS?

JavaScript

• Simple TypeScript tricks to scale your applications infinitely

• Declarative Shadow DOM. A new way to implement and use Shadow DOM directly in HTML.

• MobX 6 announcement

• JavaScript neural network compilation in less than 500kb code

• Memory leaks in unpinned windows

• Theory
  
  • Understanding the ECMAScript Specification, Part 2
  
  • Object-Oriented Programming Options (in JavaScript)
  
  • Understanding the TypeScript Generics
  
  • 8 Common JavaScript Mistakes to Avoid
  
  • Immutability in JavaScript
  
  

• React
  
  • Visx — React-, Airbnb
  
  • JSX React 17 Release Candidate
  
  • SVG React React Icons Font Awesome
  
  • C JQuery React: HelloSign
  
  • Service Workers create-react-app
  
  • useEffect
  
  • react-chrono — react
  
  

• Vue
  
  • Vue 3.0 —
  
  •   Vue.js: « ,   »
  
  • Vue.js.
  
  • Composition API Vuex?
  
  

• Angular
  
  • Angular Pipes
  
  • RxJS. RxJS 7
  
  • Angular schematics
  
  

• Svelte
  
  • Svelte: 2020 .
  
  • Svelte
  
  • Svelte
  
  

• Libs & Plugins
  
  • Shoelace 2.0: Advanced Web Component Library
  
  • smolpxl - Write pixelated retro games in JavaScript.
  
  • Smart Search - An efficient way to load large amounts of data into a frontend application and intuitively work with them
  
  

Digest for the last week .

Material prepared dersmoll and alekskorovin .