Frontend Weekly Digest #117 (29 July–4 August 2019)

Web-development

• Frontend Design, React, and a Bridge over the Great Divide
• Oops, I guess we’re full-stack developers now
• Frontend in South Korea
• Making a Realistic Glass Effect with SVG
• “#PerfMatters Conference 2019”

• Performance:
  • I Used The Web For A Day On A 50 MB Budget
  • Making Instagram.com faster: Part 1
• Accessibility:
  • Accessibility Strategies for Your Content Team
  • Truths about digital accessibility
  • Create custom keyboard accessible radio buttons

CSS

• Figuring out CSS animation properties with a magic kittencorn
• Using CSS Custom attributes generated by JavaScript as a handover mechanism
• 7 Top CSS Trends for 2019
• New CSS Features in Firefox 68
• How much specificity do @rules have, like @keyframes and @media?
• Flexbox and padding
• CSS Theme Organization Best Practices

JavaScript

• Cheat sheet for moving from jQuery to vanilla JavaScript
• Writing a Simple MVC App in Plain JavaScript
• Here’s How Not to Suck at JavaScript
• Svelte: first impressions
• JavaScript Promises and Async/Await: As Fast As Possible™

• React:
  • React + Redux + Comlink = Off-main-thread
  • React <Animated /> Tutorial
  • Fetching Data in React using React Async
  • Why React Hooks?
  • Do React Hooks Replace Redux?
  • Do React Hooks Replace Higher Order Components (HOCs)?
  • localize-react: a really simple lightweight library for localization in React applications without any dependencies, which is built on top of new React Context Api
  • A Performant Solution for Replacing Redux with React Context and Hooks

• Angular:
  • Create your own image classifier with Angular and Tensorflow.js
  • Top Angular open source projects
  • Announcing Bit with Angular Public Beta
  • Svelte for Angular Developers

• VueJS:
  • Creating Dynamic Routes in a Nuxt Application
  • Vue.js 3: Future-Oriented Programming
  • Getting Started with Vuetify 2.0
• Ember:
  • Ember 2019–2020 Roadmap
  • Ember Components Museum. Learn all the different ways to use components in Ember 3
  • Ember Component Cheat Sheet

Browsers

• New in Chrome 76
• What’s New In DevTools (Chrome 77)
• New CSS Features in Firefox 68