The digest of fresh materials from the world of the front-end for the last week No. 361 (April 15 - 21, 2019)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Web Development     |    CSS     |    Javascript

---

Web development

• What is GraphQL
• Mozilla introduced WebThings
• Optimization of webpack assembly size
• How to send PWA to Google Play Store
• Validation of input fields using HTML5 and regular expressions
• SVG file declaratively and asynchronously embedded in HTML

• Performance:
  • AMP Stories got a separate section in Google search results
  • Three ways to verify that Rel = preconnect Resource Hints are working
  • Performance optimization with Resource Hints
  • AMF Real URLs announced in Cloudflare
  

• Animation:
  • How to create and animate rotated overlays
  • Creative visual demonstration of Notre Dame with scroll animation on WebGL
  

CSS

• Mystical inline-flex and what it does
• CSS Subgrid news and demos
• CSS and accessibility
• CSS masonry with flexbox,: nth-child () and order
• Adjacent elements fading over CSS
• Official presentation of CSSBattle - the first game golf with CSS code
• Pixel borders: SASS mixin for adding pixelated strokes for elements with settings for sizes, colors and layouts

Javascript

Work has begun on the translation of javascript.info into Russian and Ukrainian (current Russian is available at all known learn.javascript.ru ). The activist team is looking for volunteers to help translate the articles for the textbook.

• JavaScript Web Workers: a guide for beginners
• Dynamic rendering for JS applications - JavaScript SEO
• Awful globalThis polyfill in universal JavaScript
• 7 useful JavaScript tricks
• How to use the JavaScript console beyond console.log ()
• Getting started with Javascript - the right tools and resources (video interview with Christian Heilmann)
• When to use TypeScript - a detailed guide to common scenarios
• Simulation of mouse movements

• Theory:
  • Responsible JavaScript development, part 1
  • Speeding up JavaScript code using the Set data type
  • Anonymous functions in JavaScript
  • 12 concepts that will boost your JavaScript
  • JavaScript basics: mastering objects
  • How to optimize your JavaScript applications using loops
  • JavaScript for cats
  • ES6 and Beyond>
  • Exploring the hidden potential of arrays in JavaScript
  

• VueJS:
  • We are writing a one-page application with Flask and Vue.js
  • How to cache pages by URL using Vue, Vue Router and Keep Alive
  • Optimizing the performance of Vue applications using asynchronous components
  • How to build a sales funnel on Vue.js
  • The power of Named Transitions in Vue
  

• React:
  • ReactRussia # 1 @ OK , video from three reports
  • We get 60 frames per second for animation in React
  • Writing a 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: case study
  • New React Redux writing style with no selector hooks
  • React hook cheat sheet: solutions to common problems
  

• Angular:
  • Understanding Angular Ivy: Incremental DOM and Virtual DOM
  • Correct SEO work in Angular on the server side
  • Quick immersion in how everything goes together in Angular
  • Why and how to do lazy library loading in Angular
  • “Differential Loading” - new feature in Angular CLI v8
  • PWA in Angular: SwPush and SwUpdate
  

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .