Frontend Weekly Digest (15 – 21 Apr 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

• Announcing AMP Real URL
• How to Get a Progressive Web App into the Google Play Store
• Inline an SVG file in HTML, declaratively & asynchronously!
• Form Input Validation Using Only HTML5 and Regex
• What's New In DevTools (Chrome 75)

• Performance:
  • Three Ways of Checking Rel=preconnect Resource Hints Are Working
  • Optimizing Performance With Resource Hints
  

• Animations:
  • How to Create and Animate Rotated Overlays
  • An scrollable WebGL presentation that visualizes why Notre-Dame was all but assured to go up in flames.
  

CSS

• CSS Subgrid News and demos
• CSS and accessibility
• CSS masonry with flexbox, :nth-child(), and order
• Fading out siblings on hover in CSS
• Introducing CSSBattle — the first CSS code-golfing game
• Pixel borders: a SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, colour coding, inset borders.

JavaScript

• Dynamic Rendering for JavaScript web apps — JavaScript SEO
• A horrifying globalThis polyfill in universal JavaScript
• 7 Useful JavaScript Tricks
• How to use the JavaScript console: going beyond console.log()
• ️Getting started with Javascript – The right tools and resources (Video Interview)
• When To Use TypeScript — A Detailed Guide Through Common Scenarios
• Simulating Mouse Movement

• Theory:
  • JavaScript Fundamentals: Mastering Objects
  • How to optimize your JavaScript apps using Loops
  • JavaScript For Cats
  • ES6 and Beyond >
  • Exploring the hidden potential of JavaScript arrays!
  

• VueJS:
  • Yes, this is how to cache pages by url with Vue, Vue Router and Keep Alive
  • Optimize the Performance of a Vue App with Async Components
  • How to Build a Sales Funnel with Vue.js
  • The Power of Named Transitions in Vue
  

• React:
  • Getting 60fps Animations in React
  • Writing Redux-like simple middleware for React Hooks
  • useReducer vs useState in React
  • A Closer Look at React Memoize Hooks: useRef, useCallback, and useMemo
  • From Redux to Hooks: A Case Study
  • New React Redux coding style with hooks without selectors
  • React Hooks cheat sheet: Unlock solutions to common problems
  

• Angular:
  • Angular SEO done right with server-side rendering
  • A quick dive into how things fit together in Angular
  • Why And How To Lazy Load Angular Libraries
  • «Differential Loading» — A New Feature of Angular CLI v8
  • Angular’s PWA: SwPush and SwUpdate
  

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