Frontend Weekly Digest (26 August — 1 September 2019)
Tags: css, html, javascript, react
Published: 2019-09-01 20:30:56

### Web-development

*   [Get started with GPU Compute on the Web](https://developers.google.com/web/updates/2019/08/get-started-with-gpu-compute-on-the-web). The author is playing with the experimental WebGPU API
*   [Frontend Development is Dead. Long Live Frontend Engineering!](https://www.jsmonday.dev/articles/23/frontend-development-is-dead-long-live-frontend-engineering-)
*   [npm bans terminal ads](https://www.zdnet.com/article/npm-bans-terminal-ads/)
*   [How Web Content Can Affect Power Usage](https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/)
*   **Tools**:
    
    *   [pwa-asset-generator](https://github.com/onderceylan/pwa-asset-generator): based on Puppeteer, automatically generates icons and splash screens guided by Web App Manifest specs and Apple Human Interface guidelines.
    *   [Working with front-end tools on Linux and Windows: the grand performance test](https://levelup.gitconnected.com/working-with-front-end-tools-on-linux-and-windows-the-grand-performance-test-b51a77a71636)
*   **Accessibility**:
    
    *   [How to Accessibly Split Text](https://css-irl.info/how-to-accessibly-split-text/)
    *   [An Introduction to Accessibility Testing](https://www.telerik.com/blogs/an-introduction-to-accessibility-testing)
*   **Animations**:
    
    *   [A Glassy (and Classy) TextВ Effect](https://css-tricks.com/a-glassy-and-classy-text-effect/)
    *   [Color this sofa! вЂ“ SVG + Blend Mode trick](https://codepen.io/kylewetton/full/OJLmJoV)

### CSS

*   [Creating a Maintainable Icon System withВ Sass](https://css-tricks.com/creating-a-maintainable-icon-system-with-sass/)
*   [New & Experimental CSS Tools in Firefox](https://www.youtube.com/watch?v=lHBE0mIDTHk)
*   [Can you rotate the cursor inВ CSS?](https://css-tricks.com/can-you-rotate-the-cursor-in-css/)
*   [Styling Links with RealВ Underlines](https://css-tricks.com/styling-links-with-real-underlines/)

### JavaScript

*   [The Best JavaScript Meme I've Ever Seen, Explained in detail](https://www.freecodecamp.org/news/explaining-the-best-javascript-meme-i-have-ever-seen/)
*   [Drag & Drop Elements with Vanilla JavaScript and HTML](https://alligator.io/js/drag-and-drop-vanilla-js/)
*   [JavaScript Alternatives!](https://www.jsmonday.dev/articles/7/javascript-alternatives-)
*   [Announcing Dojo 6](https://dojo.io/blog/version-6-dojo)
*   [How JavaScript Grew Up and Became a Real Language](https://medium.com/young-coder/how-javascript-grew-up-and-became-a-real-language-17a0b948b77f)
*   [Boilerplate Vanilla JS Content Slider](https://cheewebdevelopment.com/boilerplate-vanilla-javascript-content-slider/)
*   [JavaScript Classes. An In-Depth look. Part 1.](https://medium.com/@bobtomlin_70659/javascript-classes-an-in-depth-look-part-1-47d8f4e77cbd)
*   [A Practical Guide to Symbols in JavaScript](http://thecodebarbarian.com/a-practical-guide-to-symbols-in-javascript.html)
*   **TypeScript**:
    
    *   [Announcing TypeScript 3.6](https://devblogs.microsoft.com/typescript/announcing-typescript-3-6/)
    *   [Publishing a TypeScript Library](https://www.jsmonday.dev/articles/18/publishing-a-typescript-library)
*   **React**:
    
    *   [The story of a V8 performance cliff in React](https://v8.dev/blog/react-cliff)
    *   [How to setup ESLint and Prettier for your React apps](https://www.freecodecamp.org/news/the-guide-to-using-eslint-and-prettier-in-a-react-app/)
    *   [Optimizing Performance in React 16.8](https://blog.carbonfive.com/2019/08/27/optimizing-performance-in-react-16-8/)
    *   [JavaScript to Know for React](https://kentcdodds.com/blog/javascript-to-know-for-react)
    *   [React Push notifications (with hooks)](https://itnext.io/react-push-notifications-with-hooks-d293d36f4836)
    *   [Best Practices for Unit Testing in React Version 16](https://eng.uber.com/best-practices-for-react-v16/)
*   **VueJS**:
    
    *   [VeeValidate 3.0 has been released](https://www.baianat.com/labs/code/veevalidate-3-0)
    *   [Demystifying the v-model Directive in Vue](https://www.telerik.com/blogs/demystifying-the-v-model-directive-in-vue)
    *   [Knowing What To Test - Vue Component Unit Testing](https://vuejsdevelopers.com/2019/08/26/vue-what-to-unit-test-components/)
    *   [Vue data flow вЂ” How it works?](https://medium.com/js-dojo/vue-data-flow-how-it-works-3ff316a7ffcd)
    *   [VuePress: Documentation Made Easy](https://www.smashingmagazine.com/2019/08/vuepress-documentation/)
    *   [Hooks are coming to Vue.js version 3.0](https://blog.logrocket.com/hooks-are-coming-to-vue/)
    *   [How To Use Async and Await to Chain Promises](https://medium.com/better-programming/how-to-use-async-and-await-to-chain-promises-4180e2c1a374)
*   **Angular**:
    
    *   [Angular Localization Using ngx-translate](https://www.telerik.com/blogs/angular-localization-using-ngx-translate)
    *   [Front End Architecture for Angular Applications](https://medium.com/fincura-engineering/front-end-architecture-for-angular-applications-d6840b78706c)
    *   [Why you should choose Angular for your next front-end project](https://medium.com/@sredmond/why-you-should-choose-angular-for-your-next-front-end-project-d4dffbae8b07)
    *   [Angular Tools for High Performance](https://blog.angular.io/angular-tools-for-high-performance-6e10fb9a0f4a)
    *   [SOLID: The Dependency Inversion Principle in Angular](https://blog.bitsrc.io/solid-the-dependency-inversion-principle-in-angular-6e4b9c484960)

### Browsers

*   [The Baseline Interpreter: a faster JS interpreter in Firefox 70](https://hacks.mozilla.org/2019/08/the-baseline-interpreter-a-faster-js-interpreter-in-firefox-70/)
*   [Update on removing Flash from Microsoft Edge and Internet Explorer](https://blogs.windows.com/msedgedev/2019/08/30/update-removing-flash-microsoft-edge-internet-explorer/)