Frontend Weekly Digest (29 Apr – 5 May 2019)

This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.

Web-development

• Making Web Components for Different Contexts
• A Practical Guide To SVG And Design Tools
• The Billion Ways to Display an SVG
• The Simplest Ways to Handle HTML Includes
• How to set up face verification the easy way using HTML5 + JavaScript
• A Conspiracy To Kill IE6

• Performance:
  • AMP in WordPress, the WordPress Way
  • AMP news roundup: AMP as a service, signed exchanges, Bento, CSS tree shaking
  • Improving third-party web performance at The Telegraph
  

• Tools:
  • packtracker.io — Analyze your webpack bundle, on every commit
  • How to set up the debugger for Chrome extension in Visual Studio Code
  

CSS

• Digging Into The Display Property: Box Generation
• Revisiting prefers-reduced-motion, the reduced motion media query
• Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!
• Implementing a Mockup: CSS Layout Step by Step
• Creating rounded triangles in CSS with clip-path
• Create a responsive grid layout with no media queries, using CSS Grid
• Combining CSS Grid with Bootstrap Grid

JavaScript

• New Releases: Babylon.js 4.0, Electron 5.0.0 and jQuery 3.4.1 with triggering focus events in IE and finding root elements in iOS 10
• The Many Ways of Getting Data Into Charts
• Building the New facebook.com with React, GraphQL and Relay
• The JavaScript Developer’s Intro to Crypto
• Optimizing JavaScript Application Performance with Web Workers

• NodeJS:
  • Node.js v12 — New Features You Shouldn't Miss
  • Easy Automatic npm Publishes
  • dotenv: loads environment variables from .env for nodejs projects
  • 4 Solutions To Run Multiple Node.js or NPM Commands Simultaneously
  

• Theory:
  • An introduction to JavaScript’s async and await
  • Deeply Understanding JavaScript Async and Await with Examples
  • An Intro to Javascript for Experienced Programmers Who Could Use a Strong Dose of Fundamentals
  • Javascript Array.push is 945x faster than Array.concat
  

• VueJS:
  • Making the Move from jQuery to Vue
  • Testing your Vue app with Jest and Travis CI
  • Custom Build Modes with Vue CLI 3
  • Apollo state management in Vue application
  • Understanding Mixins in Vue JS
  • Handling Errors in Vue.js
  • Understand Vue Reactivity Implementation Step by Step
  

• React:
  • React: JSX & Rendering
  • How to identify and resolve wasted renders in React
  • 5 things you didn’t know about React DevTools
  • create-react-app v3, What's new?
  • Skeleton Loading Pages with React
  

• Angular:
  • Is Angular dying because of React?
  • Understanding Angular Modules
  • Angular: Recurring problems I face as a Front-End Consultant
  • What is Angular Console and Why You Should Care
  • Testing and Faking Angular Dependencies
  

• Libs & Plugins:
  • shimport: use JavaScript modules in all browsers, including dynamic imports
  • jquery-csv: a jQuery CSV parser plugin
  • aria-progress-range-slider: fully accessible, lightweight progress bar / range slider component
  

 Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.