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.

Frontend Weekly Digest (15 – 21 Apr 2019)