FRONT-END WEEKLY DIGEST (November 4 - November 10, 2019)

It's time to dive deep into the most recent updates on frontend development. We have it all covered on CSS, JavaScript, and HTML on our blog. Go check and stay tuned!

Web-development

• Turning Your Existing App Into a Progressive Web App
• First 5 Tips for Building Secure (Web) Apps
• Apple Is Trying to Kill Web Technology
• Getting your sites ready for the new Microsoft Edge

• Tools

  • Prettier 1.19: Long awaited Vue option, TypeScript 3.7 and new JavaScript features
  • How to Fully Optimize Webpack 4 Tree Shaking

• Performance

  • Making performance and application security part of your development chain
  • Optimizing Images for Users with Slow Network Speeds

• Accessibility

  • aria-label Does Not Translate
  • How Accessibility Gets More and More Important in Web Development

CSS

• CSS Variables With Inline Styles
• Some Things You Oughta Know When Working with Viewport Units
• Show Search Button when Search Field is Non-Empty
• CSS grid tutorial: 13 tips and tricks which you should know as a web developer
• The Power of CSS Processors in Web Applications Development
• PureCSS Lace
• Two-Value Display Syntax (and Sometimes Three)
• The Trick to Animating the Dot on the Letter “i”
• 8 CSS image filters with code examples

JavaScript

• Axios vs Fetch — Which To Use in 2019
• Node.js Best Practices
• Upcoming new JavaScript features You should know if you use JavaScript everyday
• What is super() in JavaScript?
• Breaking Chains with Pipelines in Modern JavaScript
• Attributes of object properties in JavaScript

• React

  • Using i18n with Next.js & React context API
  • React Query - Hooks for fetching, caching and updating asynchronous data in React
  • Lifecycle methods, hooks, suspense: which's best for fetching in React?
  • 3 Ways to Build Your Own React Component Library
  • Experimenting with the new React Concurrent mode
  • 39 Advanced React Interview Questions You Must Clarify Today

• Vue

  • Automatic routing in Vue.js applications
  • Form handling in Vue.js

• Angular

  • The Low Down on Attribute and Structural Directives in Angular
  • Google Maps is now an Angular component
  • 26 Top Angular 8 Interview Questions To Know in 2020

• Ember

  • EmberFest 2019, 23 videos
  • Angle Bracket Invocation for Nested Components (3.10)

• Libs & Plugins

  • hybrids.js — Declarative and Functional Web Components
  • tenko - A "pixel perfect" 100% spec compliant JavaScript parser written in JavaScript, parsing ES6-ES11.
  • cashify: lightweight currency conversion library, successor of money.js