The digest of fresh materials from the world of the front-end for the last week No. 386 (October 21 - 27, 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

• CSSSR Podcast : News 512 - NodeJS 12 LTS, React Concurrent Mode, PWA, Figma, Chrome 78, Electron 7

• Podcast Devshacht / Night Frontend 100: Asynchronous Context

• Podcast “Frontend Youth (18+)” - # 112 Think faster, otherwise you'll get right here

• Winterview - # 102 - Ilya Nemiro about front-end interviews

• Web Standards Podcast No. 200: CSS passion, Every Layout, why Sass, owls or gaps, Container Queries, BEM

• Repozitorro # 32 - Landing on React! Myth, or reality?)

• Nordic.js 2019, 27 videos

Web development

• Did GraphQL lose relevance in the HTTP / 2 era?

• An interactive web application without programming? Easy! Mavo in your arms

• Freelance webdev - how and with whom it is NOT worth working

• IndieWeb Movement: Owning Your Data and Changing What You Want to See on the Internet

• Creating bookmarking apps with FaunaDB, Netlify, and 11ty

• Mobile Image Optimization Guide

• Why Parcel has become my main development bundler

• Web Image Orientation

• HTMHell - A collection of bad practices in HTML, copied from real sites.

• Availability
  
  • Why are accessible websites so hard to create?
  
  • Availability, Future and Why Domino's Case Matters
  
  • Fata Morgana's Accessibility
  
  • Available initial letters
  
  • How Companies Can Prevent ADA Website Accessibility Litigation
  
  

• Effects
  
  • Create creative spot-shaped hover effects with Three.js
  
  • Playing Beat Saber in a browser using body movements using PoseNet & Tensorflow.js
  
  • Interactive credit card form on VueJs
  
  • Sound visualization using D3 and Web Audio API
  
  

CSS

• Little tricks of custom properties (CSS variables)

• Creating a Scrapbook Layout on CSS Grid

• Nontrivial layout of items on flexbox without media queries

• Two-Value Syntax for CSS Display Property

• New CSS game rules: min () and max () are now at @webkit

• Use CSS Grid on production today

• 8 modern CSS functions (and how to use them)

• Frontend Focus: Dark Mode. About the features and current status of the dark mode on the web

• CSS Trends 2019: A Complete Guide To Track The Latest CSS Trends

• The history of grids: from the printing press to modern web design

• A Little Guide To Variable Color Fonts

• 25 days of CSS animation: CSS self-learning with Motion Design.

Javascript

• Who is the JavaScript killer?

• Cascading cache invalidation. Part 1

• 7 simple but tricky JavaScript interview questions

• My approach to documenting projects in Javascript

• Why I stopped using the default export in my JavaScript modules

• How reduce () works in JavaScript, when you need to apply it and what cool things you can do with it

• 7 most popular Node.js frameworks in 2019

• Writing asynchronous tasks in modern JavaScript

• Shared mutable state problems and how to avoid them

• Revealing the secrets of sort () in JavaScript

• Releases
  
  • The release of the server-side JavaScript platform Node.js 13.0
  
  • Electron 7.0.0
  
  • Puppeteer v2.0.0 Release Notes
  
  

• Svelte
  
  • Svelte crash course (in 10 photos)
  
  • What I like about writing styles with Svelte
  
  • How to create a Tic Tac Toe game using Svelte
  
  • How to create a news app with Svelte
  
  • Svelte Reference
  
  • Svelte vs React: first impressions
  
  

• React
  
  • Redux - Not needed! Replace with useContext and useReducer in React?
  
  • Preparing for the Future with React Prereleases
  
  • I tested the React app with Jest, Enzyme, Testing Library and Cypress. Here are the differences.
  
  • How to efficiently use Context API with hooks, avoiding performance bottlenecks
  
  • 7 Ways to Implement Conditional Rendering in React Applications
  
  • 55 lessons after 5 years of using React
  
  

• Angular
  
  • Agular Components in Angular
  
  • Angular Architecture - unofficial documents
  
  • Angular & CSS Grid: dynamic mesh properties
  
  • How to properly implement lazy loading in Angular 7/8
  
  

• Vue
  
  • 10 best practices for creating and supporting large projects on Vue.js
  
  • Year with Nuxt.js - framework review
  
  • Using Vue Composition API with Firebase
  
  • Thoughts on the Vue 3 Composition API - `reactive ()` is considered harmful
  
  

• Libs & plugins
  
  • plexis is a powerful and community-driven string library.
  
  • Jsfuzz: fuzzing (CGF) - testing for Javascript
  
  • Peaks.js - interaction with audio wave charts
  
  

Browsers

• Improving Microsoft Edge controls on Chromium

• Firefox 70 release

• Firefox 70: details for web developers by Marat Tanalin

• Chrome 78 release

• Firefox has implemented tracking protection on social networks

• Add-ons support for Firefox Preview mobile browser

• German Information Security Authority named Firefox the most secure browser

• Samsung Galaxy Store PWA Support Appears

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 digest .

Material prepared by dersmoll and alekskorovin .