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

We offer you a selection with links to new materials from the front-end area and around it.

Web Development | CSS | Javascript

---

Web development

• What is GraphQL
• Mozilla introduced the WebThings platform
• Optimize webpack assembly size
• How to send PWA to Google Play Store
• Validating input fields with HTML5 and regular expressions
• SVG file declaratively and asynchronously embedded in HTML

• Performance:
  • AMP Stories received a separate section in Google search results
  • Three ways to verify that Rel = preconnect Resource Hints work
  • Performance Optimization with Resource Hints
  • Cloudflare Announces AMP Real URL
  

• 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
• News and demos CSS Subgrid
• CSS and accessibility
• CSS masonry with flexbox,: nth-child () and order
• The fading of adjacent elements when hovering the cursor in CSS
• The official introduction of CSSBattle - the first game of golf code on CSS
• Pixel borders: SASS mixin to add pixelated stroke elements, with settings for sizes, colors and layout
')

Javascript

Work has begun on the translation of javascript.info into Russian and Ukrainian languages ​​(the current Russian is available in the well-known learn.javascript.ru ). A team of activists is looking for volunteers to help translate articles for the textbook.

• JavaScript Web Workers: Beginner's Guide
• Dynamic Rendering for JS Applications - JavaScript SEO
• Horrible polyphil globalThis in universal javascript
• 7 useful tricks javascript
• How to use 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 scripts
• Simulation of mouse movements

• Theory:
  • Responsible approach to JavaScript development, part 1
  • Accelerate JavaScript using Set data type
  • Anonymous functions in javascript
  • 12 concepts that 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:
  • Writing a one-page application with Flask and Vue.js
  • How to cache pages by URL using Vue, Vue Router and Keep Alive
  • Optimize Vue Application Performance with 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
  • Get 60 frames per second for animation in React
  • Writing Redux-like simple middleware for React Hooks
  • useReducer vs useState in React
  • Detailed consideration of React Memoize hooks: useRef, useCallback and useMemo
  • From Redux to Hooks: A Case Study
  • New writing style React Redux with hooks without selectors
  • Cheat Sheet on React hooks: solutions to frequent problems
  

• Angular:
  • Understanding Angular Ivy: Increase DOM and Virtual DOM
  • Working properly with SEO in Angular on the server side
  • Quickly immerse yourself in how things stack together in Angular
  • Why and how to do lazy loading of libraries in Angular
  • "Differential Loading" is a new feature in Angular CLI v8
  • PWA to Angular: SwPush and SwUpdate
  

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

Digest from last week .
The material was prepared by dersmoll and alekskorovin .