The digest of fresh materials from the world of the front-end for the last week No. 383 (October 1 - 6, 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 | Entertaining |

Media

• CSSSR Podcast: News 512 - Hacktoberfets, Vue Directives, TypeScript 3.7 Beta, and PostgreSQL 12
• Devshahta Podcast # 96: Goals, Private Fields and the New Node.js
• Devshahty Podcast # 97: LongestJS, TC39 Panel, HolyJS workshops and light workshops
• Frontend Youth (18+) # 110: Compiling the Shavarma
• Repozitorro # 29 - A frequent mistake by beginners

Web development

• “Alice, let's go to the front end!”
• Text rendering hates you
• Web Content Management Evolution

• Instruments
  • How to open up an npm package with a normal deployment, CI and demo (without loss of joy in life)
  • Things You May Not Know About Chrome DevTools
  • WebHint in Firefox DevTools: Improved Compatibility, Availability, and More
  

• Performance
  • Acceleration instagram.com. Part 2
  • Image Optimization for the Web - A Detailed Guide
  

• Availability
  • Good font
  • Inclusive components: tabbed interfaces
  • Endless Scrolling and Role = Accessibility Issues
  • Sara Suidan on Applied Accessibility: Practical Tips for Creating More Accessible Interfaces (SmashingConf Feiburg 2019)
  

CSS

• Don't Complicate Scalable CSS
• Modern CSS Reset
• Feeling Sassy Again. Cloudfour blog post about how they thought about returning to Sass after 4 years of using PostCSS
• Creating a Scrapbook Layout Using CSS Grid
• Design editor templates using CSS Grid and Named Columns
• Create a slide show with CSS Scroll Snapping
• Why is CSS so weird?
• Many ways to link shapes and images with HTML and CSS
• Interesting layouts with CSS Grid
• Trying to figure out CSS support in Gmail (as of 2019)

Javascript

• Create PWA Using Vanilla JavaScript
• Do not use JavaScript variables without understanding the temporary dead zone
• RE: Pain and Tears in Svelte 3
• JavaScript code execution through import ()

• Releases
  • TensorFlow 2.0 released with redesigned APIs and improved performance
  • TensorFlow 2.0 is now available!
  • Preact X - new version of preact with Virtuous DOM and Fragments of Suspense
  • Nuxt v2.10.0 release
  • TypeScript 3.7 Beta Announcement
  • Be updated! Node.js 8 is not supported since 2020
  

• Theory
  • A note on void in JavaScript and TypeScript
  • Two exceptional use cases for the spread operator that you may not be aware of
  • Higher-order functions and their use in javascript
  • Details on the filter () method in JavaScript
  • Why do I prefer objects over switch statements
  • JavaScript Map, Reduce, and Filter - explanation with examples
  • How to check a number in JavaScript
  

• React
  • Framer React Guide
  • Minimalist state management (React)
  • Animations Using React Hooks and GreenSock
  • Boost React + Redux Application Performance with Reselect Library
  • New features in React 16.9.0
  • Demonstrating Reactable React Components in Forms
  • React VS Vue: what to choose for 2020?
  • I created exactly the same application on React and Vue. Here are the differences. [2019 version]
  • Create-react-app v3.2.0 release
  

• Vue
  • 15 required Vue directives that will significantly increase your productivity
  • vue-next (Vue 3 Pre-Alpha): developers have achieved most of the architectural goals and new features planned for v3
  • Vue 3 - a review of the available information on the new version of Vue.js
  • How to improve vuex store performance
  • Creating a Vue Class Based Web Application with Firebase Authentication
  • Unit testing in Vue: what to test?
  • How to make a calendar application using Vue
  • 10x faster Nuxt builds on Netlify
  

• Angular
  • My year of refactoring a large-scale project on AngularJS ...
  • Animating UI Elements in Angular # 1 , # 2
  • Angular - All reports since AngularConnect 2019
  

• Ember
  • Dependency injection system in Ember.js
  • Animated Chess Pieces with ember-animated
  • “The evolution of Ember.js at Intercom”, - Gavin Joyce at JSDayIE 2019
  • EmberCamp Chicago 2019
  

• Libs & plugins
  • Story about solving the performance problem Moment.js
  • timequeue.js - A queue with custom concurrency and a time limit.
  • Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable
  

Browsers

• Google Chrome will block all mixed content
• In the nightly builds of Firefox, a modernized design of the address bar is proposed
• Total HTTP boycott. Google Chrome will soon soon block all “mixed” content by default

Entertaining

• Google: An HTML site map is not needed in terms of SEO
• Google: H1 headings are useful but not critical
• Mozilla wins Net Neutrality lawsuit
• Satya Nadella: Windows is no longer an important area for us
• Why Windows is no longer Microsoft's priority. The Verge Analysis
• WSJ: Visa, Mastercard and other companies thought about quitting the Libra cryptocurrency project from Facebook

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 .