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