Frontend Weekly Digest (13 – 19 May 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

• SVG Web Page Components For IoT And Makers (Part 2)
• An introduction to the JAMstack: the architecture of the modern web
• Why Building with a JAMstack is Awesome
• Everything You Ever Wanted to Know About inputmode
• A Beginner’s Guide to Pug
• Unravelingthe JPEG
• Integrating Third-Party Animation Libraries to a Project
• How to Create an SVG Pie Chart—Code Along with Kasey (Video)

CSS

• It’s a trap-ezoid: CSS Shapes aren’t what you’d expect
• Animating CSS Grid Rows and Columns
• Subgrid. A new article on MDN dev docs
• CSS Scan: The Fastest Way to Inspect and Copy CSS
• The CSS feature for truncating multi-line text has been implemented in Firefox
• Debugging CSS Grid: Part 2: What the Fr(action)?
• Google Fonts Now Supports font-display!
• CSS rules that will make your life easier
• Chinese Window Lattice And CSS

JavaScript

• Cloudflare, Mozilla и Facebook развивают BinaryAST для ускорения загрузки JavaScript
• Getting Started with Svelte 3
• Functional-ish JavaScript
• TypeScript 3.0: The unknown Type

• React:
  • How to convert from React-Redux classes to React Hooks, the easy way
  • unform — ReactJS form library to create uncontrolled form structures with nested fields, validations and much more!
  • UI Animation in React
  • ReactQ — Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
  • Essential React Hooks Design Patterns
  • Dockerizing a React App
  • Creating Your Own React Validation Library: The Basics (Part 1)
  • What to do when your React app feels slow
  

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

Let's block ads! (Why?)