Frontend Weekly Digest (29 July – 4 August 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

• 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

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

Автор: derSmoll

Источник