Digest of fresh materials from the frontend world for the last week # 472 (June 7 - 13, 2021)

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

Media     |    Web Development     |    CSS     |    JavaScript     |    Browsers

Media

• News 512 from CSSSR: Firefox 89, Safari 15 Beta, Jest 27, a series of articles on browser performance, core development, an overview article on frontend testing, and an announcement from the WebExtensions Community Group.

• Web Standards podcast # 285: Chrome 92 Beta, Firefox 89, Anchors and Extensions, TeamCity, JS inside WASM, TypeScript 4.3

• Frontend Youth podcast # 190: How to get started with an old project and not be fisted

• " News 512 "from CSSSR: React 18, Vue 3.1, ESLint 8 announcement, courses from CSSSR,: is (), where () and: has (), how the Internet came in

• " Callback Hell "podcast: Google Services with Bad Web Vitals , sharing logic between front and back, documentation on projects

Web development

• The future of the web: will rendering in <canvas> replace the DOM?

• The Right Tag For The Job: Why You Should Use Semantic HTML

• 5 Front End Issues You Shouldn't Ignore

• Tools
  
  • Three frontend auditing tools I recently discovered
  
  • A selection of useful boilerplates and starter kits for web development, from CSS auditing and a11y to js frameworks and plugins for VS
  
  • Introducing the Memory Inspector in Chrome DevTools
  
  • Introducing Astro: a new type static site generator that does not use JS
  
  • 7 tools for faster front-end development in 2022
  
  

• 
  
  • CSS, JavaScript -
  
  • . 1/n.
  
  • 2/n. FMP TTI?
  
  • 3. Event loop, layout, paint, composite, call stack
  
  •
  
  

• 
  
  • .
  
  • , -
  
  • whocanuse — ,
  
  •
  
  

• 
  
  • SVG CSS SVG
  
  • SVG
  
  

CSS

• Unconventional Layout

• The Complete Guide to CSS Grid with Cheat Sheet

• CSS System Colors

• CSS defines color values ​​that match system settings.

• Media Queries in the days of @container

• Let's learn about Aspect Ratio in CSS

• CSS size-adjust for @ font-face

• Equal Columns with Flexbox: Harder Than You Think

• Experiment with sortable multi- column tables

• Meet: has: native CSS selector

• Cornucopia Container Queries

• Create CSS font-size rules and create Fluid Type Scale

JavaScript

• How I accelerated the engine by 13%

• Time series forecasting in JS: data analysis for the smallest frontend developers

• Sparkplug - a non-optimizing JavaScript compiler in detail

• How to create a full stack application using Supabase and Next.js

• Implementing private fields in JavaScript

• Forever Functional: Memoizing Promises

• How to Implement SOLID Principles in JavaScript

• Automate JavaScript Formatting and Correction with Prettier and ESLint

• Modern JavaScript

• Going Beyond ESLint: An Overview of Static Analysis in JavaScript

• Trusted API Types for JavaScript DOM Security

• How to Build an NFT with JavaScript

• Rust from a JavaScript Perspective

• React
  
  • Roadmap for React 18
  
  • An Overview of React State Management Techniques in 2021
  
  • Redux Alternatives in 2021
  
  • Cloudflare Pages tutorial: Deploying a React Application via GitHub
  
  • React Icons: A Comprehensive Guide with Examples
  
  • Testing the React 18 Alpha
  
  

• Vue
  
  • Vue 2 Vue 3 – Migration Helper
  
  • Vue.js Composition API
  
  • State Management? Vuex Nuxt.js
  
  • Vue.js vs. React —
  
  

• Angular
  
  • , AsyncPipe Angular
  
  • Angular NgClass — CSS
  
  • Angular GitHub Pages
  
  • Angular
  
  • Angular Material
  
  

• Libs & Plugins
  
  • libSquoosh. Squoosh, node
  
  • nanostores — React/Preact/Vue/Svelte
  
  • flexsearch — ,
  
  

• Vivaldi 4.0 - First Approach

• Google has recognized the experiment with showing only the domain in the address bar of Chrome as a failure

• WebKit capabilities in Safari, demonstrated at WWDC21





Digest last week .

Material prepared dersmoll and alekskorovin .