FRONT-END WEEKLY DIGEST (April 15 - April 21, 2019)

This time we'll discuss the latest news and insights on CSS, HTML, and JavaScript development. Go check the tips on getting a progressive web app into the Google Play Store, ways for optimizing performance with resource hints, css and accessibility tips, and a lot more. Stay tuned!

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