The digest of fresh materials from the world of the front-end for the last week No. 388 (November 4 - 10, 2019)

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

• Frontend Youth Podcast: # 114 Warm Release with Dan Abramov

• CSSSR Podcast: News 512 - TypeScript 3.7, React Concurrent Mode, GraphQL API, Gitlab, and Geopolitics

• Repozitorro # 33 - The Most Complete Layout Review

Web development

• Why using third-party CSS and JS on your site is dangerous

• Turn your existing application into a progressive web application

• Top 5 Tips for Building Secure (Web) Applications

• Apple is trying to kill web technology

• GraphQL: The Documentary (Russian version)

• Tools
  
  • Hypocrisy google. PageSpeed ​​Insights
  
  • Prettier 1.19: the long-awaited Vue option, TypeScript 3.7 and new JavaScript features
  
  • How to fully optimize Webpack 4 Tree Shaking
  
  

• Performance
  
  • “Jackal”: squeezing the frontend
  
  • Modern script loading
  
  • Why load testing and performance testing should go beyond testing response time
  
  • Image Optimization for Low Network Users
  
  

• Availability
  
  • Make styles of pointing, focus, and active state different.
  
  • Beyond automated accessibility testing: six things I check on each of my sites
  
  • What I learned about SPA accessibility
  
  • aria-label is not translated
  
  • How accessibility is becoming increasingly important in web development
  
  

CSS

• Are there any random numbers in CSS?

• Improve your CSS with these 5 principles.

• Don't Complicate Scalable CSS

• CSS Variables with Inline Styles

• Some things you should know when working with viewport units

• Show the search button when the search field is not empty

• CSS grid tutorial: 13 tips and tricks a web developer should know

• The power of CSS processors in web application development

• Syntax with two display values ​​(and sometimes with three)

• Dot animation trick on the letter “i”

• 8 CSS filters for images with sample code

• PureCSS Lace : recreate a portrait in pure CSS

Javascript

• REST API typing for frontend developer

• Axios vs Fetch - what to use in 2019

• Best Practices Node.js

• Upcoming New JavaScript Features You Should Know About If You Use JavaScript Every Day

• Theory
  
  • Functional programming from the point of view of EcmaScript. Pure functions, lambdas, immunity
  
  • LexicalEnvironment and Closures in EcmaScript
  
  • Even children will understand: a simple explanation of async / await and promises in JavaScript
  
  • How is prototype inheritance different from classic inheritance?
  
  • What are Generators in JavaScript
  
  • What is super () in JavaScript?
  
  • Break chains with pipelines in modern JavaScript
  
  • JavaScript Property Attributes
  
  

• React
  
  • Using i18n with Next.js & React context API
  
  • React Query - Hooks for retrieving, caching, and updating asynchronous data in React
  
  • Lifecycle methods, hooks, expectations: what are the best choices in React?
  
  • 3 ways to create your own component library in React
  
  • Experimenting with the new Concurrent mode in React
  
  • 39 Advanced React Job Interview Answers That You Should Clarify Today
  
  

• Vue
  
  • Ready for Vue SSR Production: 5 Easy Steps
  
  • Automatic rooting in applications on Vue.js
  
  • Form handling in Vue.js
  
  

• Angular
  
  • Complete Attributes and Structural Directives in Angular
  
  • Google Maps is now a component of Angular
  
  • 26 best questions in an Angular 8 interview in 2020
  
  

• Ember
  
  • Call Angle Bracket for nested components (3.10)
  
  • EmberFest 2019
  
  

• Libs & plugins
  
  • hybrids.js - declarative and functional web components
  
  • tenko - 100% specification compliant JavaScript parser ES2020, written in JS
  
  • Proton: A Lightweight Particle Animation JS Library
  
  • cashify: currency conversion library, money.js successor
  
  

Browsers

• In the nightly builds of Firefox appeared support for HTTP / 3

• Release version of Microsoft Edge on Chromium will ship without ARM64 support, history synchronization, and extensions

• Next year, Firefox and Chrome will begin to hide pop-up notifications

• Preparing Your Sites for the New Microsoft Edge

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

← Last week’s digest

Material prepared by dersmoll and alekskorovin