FRONT-END WEEKLY DIGEST (OCTOBER 15 - OCTOBER 21, 2018)

October 24, 2018

React UI component playgrounds for 2018, best ways to improve the frontend loading performance, optimistic offline-first apps with Vuex, Webpack 4 and Babel 7 to create a fantastic React app, the Firefox shape path editor, and more. Keep on reading!

 

Web Development


• Why don’t we add a <lovely> element to HTML?
• About static site generators
• Deploying frontend applications — the fun way
• Using the Web Audio API
• Advanced techniques: creating sound, sequencing, timing, scheduling
 

 

CSS


• How to make the impossible possible in CSS with a little creativity
• Valid CSS Content
• How I remember CSS Grid properties
• The Firefox Shape Path Editor
• CSS Border-Radius Can Do That?
• Does your interviewee understand CSS layouts?
• CSS Previous sibling selectors and how to fake them
• 5 things you can do in CSS-in-JS that you didn’t know about
 

JavaScript

 

• JavaScript Visualizer - A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript.
• A deep dive into this in JavaScript: why it’s critical to writing good code.
• 13 Games in ≤ 13kB of JavaScript · js13kGames 2018
• Let’s clear up the confusion around the slice( ), splice( ), & split( ) methods in JavaScript
• Calls between JavaScript and WebAssembly are finally fast
• New Releases: Ember 3.4ESLint v5.7.0Aurelia-CLI v1.0.0-beta.1, The New Aurelia-CLI Auto-tracing Bundler
 

  • Libs & Plugins:
    • perfume.js - JavaScript library to measure First (Contentful) Paint, Time to Interactive and First Input Delay. 
    • mb — Exception-free nested nullable attribute accessor.
    • Muze — Build composable visualizations for the web with a data-first approach.

 

Do you have an awesome business idea? Let’s make it real!