The latest articles on DEV Community by Fresh Frontend Links (@frontender_ua). https://dev.to/frontender_ua https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F222152%2F327e1a7b-54c8-4795-a921-db6787906382.png https://dev.to/frontender_ua en Fresh Frontend Links Sun, 15 Sep 2019 19:27:59 +0000 https://dev.to/frontender_ua/frontend-weekly-digest-9-15-september-2019-1fg6 https://dev.to/frontender_ua/frontend-weekly-digest-9-15-september-2019-1fg6 <h3> Web-development </h3> <ul> <li><a href="https://www.youtube.com/playlist?list=PLezbUWvTzODmyixYLrinT86NDsKJCM49U">ComponentsConf 2019, Australia. 15 videos</a></li> <li><a href="https://www.filamentgroup.com/lab/5g/">5G Will Definitely Make the Web Slower, Maybe</a></li> <li><a href="https://remysharp.com/2019/09/12/why-some-html-is-optional">(Why) Some HTML is "optional"</a></li> <li><a href="https://css-tricks.com/how-to-contribute-to-an-open-source-project/">How to Contribute to an Open Source Project</a></li> <li><a href="https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html">X3D: Declarative 3D for the Modern Web</a></li> <li><a href="https://blog.webf.zone/contemporary-front-end-architectures-fb5b500b0231">Contemporary Front-end Architectures</a></li> <li> <strong>Tools</strong> <ul> <li><a href="https://www.caniemail.com/news/2019-09-09-introducing-caniemail/">Introducing caniemail.com</a></li> <li><a href="https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/">Caniuse and MDN compatibility data collaboration</a></li> <li><a href="https://www.smashingmagazine.com/2019/09/moving-javascript-development-bash-windows/">Moving Your JavaScript Development To Bash On Windows</a></li> <li><a href="https://www.silvestar.codes/articles/my-favorite-chrome-extensions-for-web-development-mostly/">My favorite extensions for web development</a></li> <li><a href="https://www.aditus.io/button-contrast-checker/">Button Contrast Checker</a></li> </ul> </li> <li> <strong>Effects</strong> <ul> <li><a href="https://tympanus.net/codrops/2019/09/11/awesome-demos-roundup-8/">Awesome Demos Roundup #8</a></li> <li><a href="https://tympanus.net/codrops/2019/09/05/inspirational-websites-roundup-8/">Inspirational Websites Roundup #8</a></li> </ul> </li> </ul> <h3> CSS </h3> <ul> <li><a href="https://www.sitepoint.com/tailwind-unique-beautiful-websites/">How to Build Unique, Beautiful Websites with Tailwind CSS</a></li> <li><a href="https://css-tricks.com/css-security-vulnerabilities/">CSS Security Vulnerabilities</a></li> <li><a href="https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/">Ghost Buttons with Directional Awareness in CSS</a></li> <li><a href="https://www.filamentgroup.com/lab/scrollbars/">Two Browsers Walked Into a Scrollbar</a></li> <li><a href="https://css-tricks.com/logical-operations-with-css-variables/">Logical Operations with CSS Variables</a></li> <li><a href="https://learnworthy.net/how-to-remove-unused-css">How to Remove Unused CSS</a></li> <li><a href="https://codepen.io/oliviale/full/GRKQoKM">CSS Grid: Magazine Layouts</a></li> </ul> <h3> JavaScript </h3> <ul> <li><a href="https://medium.com/better-programming/how-to-find-bugs-in-your-code-with-the-debugger-a7f739ea98">How to Find Bugs in Your JavaScript Code With the Debugger</a></li> <li><a href="https://meowni.ca/posts/metronomes/">Metronomes in JavaScript</a></li> <li><a href="https://dev.to/omrilotan/front-end-observability-a-practical-guide-to-browser-error-monitoring-2gcm">Front end observability. A practical guide to browsers error monitoring with window.onerror 💂‍</a></li> <li><a href="https://www.smashingmagazine.com/2019/09/machine-learning-front-end-developers-tensorflowjs/?ref=heydesigner">Machine Learning For Front-End Developers With Tensorflow.js</a></li> <li><a href="https://v8.dev/blog/v8-lite">A lighter V8</a></li> <li><a href="https://itnext.io/how-i-debug-javascript-code-i-didnt-write-6c405a6a9103">How I debug Javascript code I didn’t write</a></li> <li><a href="https://github.com/daumann/ECMAScript-new-features-list">ECMAScript-new-features-list - A comprehensive list of new ES features, including ES6, ES7, ES8, ES9 and ES10 (2015-2019)</a></li> <li><a href="https://dev.to/lampewebdev/the-most-outstanding-new-feature-in-javascript-you-need-to-know-about-optional-chaining-2pg2">😲🤯The most outstanding new feature in Javascript you need to know about: Optional Chaining</a></li> <li> <strong>Theory</strong> <ul> <li><a href="https://itnext.io/this-is-about-useful-js-tips-and-tricks-4a7ef25c33ad">This is about useful JS tips and tricks!</a></li> <li><a href="https://medium.com/better-programming/4-ways-to-safely-access-nested-objects-in-vanilla-javascript-8671d09348a8">4 Ways to Safely Access Nested Objects in Vanilla Javascript</a></li> <li><a href="https://www.smashingmagazine.com/2019/09/reintroduction-destructuring-assignment/">A Re-Introduction To Destructuring Assignment</a></li> <li><a href="https://hsivonen.fi/string-length/">It’s Not Wrong that "🤦🏼‍♂️".length == 7</a></li> </ul> </li> <li> <strong>React</strong> <ul> <li><a href="https://css-tricks.com/hamburger-menu-with-a-side-of-react-hooks-and-styled-components/">Hamburger Menu with a Side of React Hooks and Styled Components</a></li> <li><a href="https://blog.bitsrc.io/why-we-switched-to-react-hooks-48798c42c7f">Why We Switched to React Hooks</a></li> <li><a href="https://medium.com/the-thinkmill/react-dev-tools-debug-like-a-ninja-c3a5d09895c6">React Dev Tools — Debug Like a Ninja</a></li> </ul> </li> <li> <strong>Vue</strong> <ul> <li><a href="https://medium.com/javascript-in-plain-english/building-your-application-with-styled-components-in-vue-js-8d0fdd8e605a">Building Your Application with Styled Components in Vue.js</a></li> <li><a href="https://www.youtube.com/watch?v=dy_ZB1TyFx4">Vue 3 | Looking into the Vueture: Composition Functions. Natalia Tepluhina on ComponentsConf 2019</a></li> <li><a href="https://www.youtube.com/playlist?list=PL279M8GbNsetq9zfE2yXEuKcUhZR0mnz3#jsfoovueday">JSFoo: VueDay 2019</a></li> <li><a href="https://medium.com/@marko.zunic/a-few-handy-vue-js-tricks-832703cff426">A few handy Vue.js tricks</a></li> <li><a href="https://medium.com/@ajgihan/why-vuejs-is-so-awesome-926e6afed41">Why Vuejs is so Awesome?</a></li> <li><a href="https://medium.com/@NAPOLEON039/how-to-test-vue-apps-with-the-popular-cypress-framework-aa9342e2bd58">How to test Vue apps with the popular Cypress framework</a></li> </ul> </li> <li> <strong>Angular</strong> <ul> <li><a href="https://itnext.io/how-to-create-search-engine-friendly-internationalized-web-apps-with-angular-universal-and-510c658f2e41">How to Create Search Engine-friendly Internationalized Web Apps with Angular Universal and ngx-translate</a></li> <li><a href="https://levelup.gitconnected.com/add-internationalization-i18n-to-an-angular-app-b8fa8b51deea">Add internationalization (i18n) to an Angular app</a></li> <li><a href="https://blog.angularindepth.com/configuring-a-angular-cli-project-with-graphql-37217f66d419">Configuring an Angular CLI project with GraphQL</a></li> <li><a href="https://blog.angularindepth.com/whats-new-after-angular-8-28d27ce3348a">What’s new After Angular 8</a></li> </ul> </li> <li> <strong>Libs &amp; Plugins</strong> <ul> <li><a href="https://github.com/finom/css-dot-js-loader">css-dot-js-loader - A Webpack loader which allows to generate static CSS code via JavaScript</a></li> <li><a href="https://github.com/finom/check-imports">check-imports - Check imports in JS files and update package.json dependencies</a></li> <li><a href="https://medium.com/@liverm0r/dark-mode-on-your-site-with-1-line-of-code-21b52ac7ef00">Dark mode on your site with 1 line of code</a></li> <li><a href="https://wordpress.org/plugins/native-lazyload/">"Native Lazyload" By Google officially in Wordpress</a></li> <li><a href="https://github.com/hobochild/js-fire">js-fire - a library for automatically generating command line interfaces (CLIs) from most js objects.</a></li> <li><a href="https://medium.com/javascript-in-plain-english/configuring-eslint-prettier-and-airbnb-in-1-line-164ab8f1e8c7">poetic: Configuring ESLint, Prettier and Airbnb in 1 Line</a></li> <li><a href="https://github.com/apankrat/js-noisy-gradient">js-noisy-gradient - Small and fast lib for smoothing visible banding in linear-gradient backgrounds.</a></li> </ul> </li> </ul> html javascript css Fresh Frontend Links Sun, 08 Sep 2019 20:11:08 +0000 https://dev.to/frontender_ua/frontend-weekly-digest-2-8-september-2019-1ajn https://dev.to/frontender_ua/frontend-weekly-digest-2-8-september-2019-1ajn <h3> Web-development </h3> <ul> <li><a href="https://dev.to/ionic/apple-just-shipped-web-components-to-production-and-you-probably-missed-it-57pf">Apple Just Shipped Web Components to Production and You Probably Missed It</a></li> <li><a href="https://www.telerik.com/blogs/so-youre-being-sued-for-accessibility-non-compliance">So You’re Being Sued for Accessibility Non-Compliance</a></li> <li> <strong>Tools</strong> </li> <li><a href="https://www.youtube.com/watch?v=R8KzoMoKhnM">Chrome 77 - What’s New in DevTools </a></li> <li><a href="https://developers.google.com/web/updates/2019/09/devtools">What's New In DevTools (Chrome 78)</a></li> <li><a href="https://www.youtube.com/watch?v=F2N-evGOcxc&amp;feature=youtu.be">Globalization Tools - The State of the Web</a></li> <li><a href="https://hacks.mozilla.org/2019/09/debugging-typescript-in-firefox-devtools/">Debugging TypeScript in Firefox DevTools</a></li> <li><a href="https://github.com/taniarascia/webpack-boilerplate">Webpack Boilerplate - Minimal Webpack 4 boilerplate with Babel, Sass, ESLint, Hot Module Replacement, and development/production optimization.</a></li> <li><a href="https://dev.to/lakatos88/5-tips-and-tricks-for-firefox-devtools-storage-inspector-3l0o">5 Tips and Tricks for Firefox DevTools - Storage Inspector</a></li> <li> <strong>Performance</strong> </li> <li><a href="https://medium.com/@david.gilbertson/a-web-performance-audit-checklist-666ba09f8cff">A web performance audit checklist</a></li> <li><a href="https://medium.com/better-programming/web-performance-dom-reflow-76ac7c4d2d4f">Web Performance: Minimising DOM Reflow/Layout Thrashing</a></li> <li><a href="https://www.alexrp.co.uk/blog/preloading-fonts.html">Why I'm preloading a font even when I shouldn't have to</a></li> <li> <strong>Effects</strong> </li> <li><a href="https://tympanus.net/codrops/2019/09/06/how-to-create-a-webcam-audio-visualizer-with-three-js/">How to Create a Webcam Audio Visualizer with Three.js</a></li> <li><a href="https://tympanus.net/codrops/2019/09/04/a-configurator-for-creating-custom-webgl-distortion-effects/">A Configurator for Creating Custom WebGL Distortion Effects</a></li> <li><a href="https://tympanus.net/codrops/2019/09/05/inspirational-websites-roundup-8/">Inspirational Websites Roundup #8</a></li> <li><a href="https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/">How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG</a></li> </ul> <h3> CSS </h3> <ul> <li><a href="https://css-tricks.com/using-a-postcss-function-to-automate-your-responsive-workflow/">Using a PostCSS function to automate your responsive workflow</a></li> <li><a href="https://css-tricks.com/various-methods-for-expanding-a-box-while-preserving-the-border-radius/">Various Methods for Expanding a Box While Preserving the Border Radius</a></li> <li><a href="https://dev.to/gajus/my-favorite-css-hack-32g3">My favorite CSS hack</a></li> <li><a href="https://github.com/nuxodin/ie11CustomProperties">CSS Variables for IE11: A real polyfill for Custom Properties in IE11</a></li> <li><a href="https://www.toptal.com/css/why-you-need-a-css-developer">What CSS Developers Do and Why You Need One</a></li> <li><a href="https://www.smashingmagazine.com/2019/09/overflow-data-loss-css/">Overflow And Data Loss In CSS</a></li> <li><a href="https://alligator.io/css/understanding-specificity-in-css/">Understanding Specificity in CSS</a></li> </ul> <h3> JavaScript </h3> <ul> <li><a href="https://www.freecodecamp.org/news/optimize-your-javascript-app-by-using-service-workers/">How to optimize your JavaScript app by using service workers</a></li> <li><a href="https://antoinevastel.com/javascript/2019/09/04/home-made-obfuscator.html">A simple homemade JavaScript obfuscator</a></li> <li><a href="https://medium.com/better-programming/how-javascript-works-1706b9b66c4d">How JavaScript Works</a></li> <li><a href="https://itnext.io/using-the-dom-like-a-pro-163a6c552eba">Using the DOM like a Pro</a></li> <li> <strong>Theory</strong> </li> <li><a href="https://medium.com/coding-in-simple-english/how-to-trim-strings-in-javascript-es2019-3823070c9316">How to Trim Strings in JavaScript (ES2019)</a></li> <li><a href="https://dmitripavlutin.com/javascript-spread-operator-performance-optimization/">How To Accelerate the JavaScript Spread Operator</a></li> <li><a href="https://css-tricks.com/should-a-website-work-without-javascript/">Should a website work without JavaScript?</a></li> <li><a href="https://www.twilio.com/blog/asynchronous-javascript-introduction-promises">Asynchronous JavaScript: Introduction to JavaScript Promises</a></li> <li><a href="https://medium.com/javascript-in-plain-english/8-habits-you-should-avoid-when-developing-with-javascript-a39a5ca2fae6">8 habits you should avoid when developing with Javascript</a></li> <li><a href="https://dev.to/jfet97/javascript-iterators-and-generators-asynchronous-iterators-28b8">JavaScript Iterators and Generators: Asynchronous Iterators</a></li> <li><a href="https://dmitripavlutin.com/javascript-spread-operator-performance-optimization/">How To Accelerate the JavaScript Spread Operator</a></li> <li> <strong>React</strong> </li> <li><a href="https://css-tricks.com/model-based-testing-in-react-with-state-machines/">Model-Based Testing in React with State Machines</a></li> <li><a href="https://habr.com/ru/company/ruvds/blog/465811/">14 советов по написанию чистого React-кода. Часть 1</a></li> <li><a href="https://www.youtube.com/playlist?list=PLUD4kD-wL_zaXhR4KU1CkUSIzh1TrvnzA#reactrally2019">All talks in order from React Rally 2019.</a></li> <li><a href="https://medium.com/@wojciechkrysiak/document-reactjs-components-with-preview-by-using-jsdoc-70d39d2cc777">Document and preview ReactJS components with JSDoc</a></li> <li><a href="https://blog.logrocket.com/spinners-notifications-react-app/">Adding spinners and notifications to your React app</a></li> <li><a href="https://drublic.de/blog/from-js-to-typescript/">Migrating from JavaScript to TypeScript in a Real World React Project</a></li> <li><a href="https://blog.nrwl.io/monorepos-and-react-microfrontends-a-perfect-match-d49dca64489a">React Microfrontends and Monorepos: A Perfect Match</a></li> <li><a href="https://gist.github.com/sebmarkbage/a5ef436427437a98408672108df01919?utm_campaign=React+Newsletter&amp;utm_medium=web&amp;utm_source=React_Newsletter_176">Why is React doing this?</a></li> <li> <strong>Vue</strong> </li> <li><a href="https://www.telerik.com/blogs/how-to-target-the-dom-in-vue">How to Target the DOM in Vue</a></li> <li><a href="https://vueschool.io/articles/vuejs-tutorials/lazy-loading-individual-vue-components-and-prefetching/">Lazy Loading Individual Vue Components and Prefetching</a></li> <li><a href="https://medium.com/better-programming/dynamic-svg-markers-for-google-maps-in-vue-js-7541fa1a54a">Dynamic SVG Markers for Google Maps in Vue.js</a></li> <li><a href="https://www.jenniferbland.com/how-to-use-environment-variables-in-vue-js/">How to Use Environment Variables in Vue.js</a></li> <li><a href="https://medium.com/better-programming/how-to-use-google-maps-with-vue-js-apps-93268bee7b3f">How To Use Google Maps With Vue.js Apps</a></li> <li><a href="https://snipcart.com/blog/vue-pwa">Vue PWA: A Progressive Web Application Example With Nuxt</a></li> <li> <strong>Angular</strong> </li> <li><a href="https://medium.com/swlh/beginners-guide-to-graphql-with-angular-and-apollo-2eab75fc806f">Beginner’s Guide to GraphQL with Angular and Apollo</a></li> <li><a href="https://codeburst.io/angular-dependency-injection-tips-ddb24b8244be">Angular Dependency Injection Tips</a></li> <li><a href="https://blog.logrocket.com/form-builders-angular-8-validate-reactive-forms/">How to use form builders in Angular 8 to validate reactive forms</a></li> <li><a href="https://blog.bitsrc.io/sharing-components-with-angular-and-bit-b68896806c18">Sharing Components with Angular and Bit</a></li> <li> <strong>Ember</strong> </li> <li><a href="https://nullvoxpopuli.com/2019-08-27-ember-concurrency/">Ember Concurrency</a></li> <li><a href="https://www.youtube.com/watch?v=ECkbVa0iC4k">Commit Porto '19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)</a></li> <li> <strong>Libs &amp; Plugins</strong> </li> <li><a href="https://blog.pragli.com/live-avatars-with-faceapi-js/">Live Avatars (like Animoji in the Browser) with face-api.js</a></li> <li><a href="https://github.com/niieani/hashids.js">hashids.js - A small JavaScript library to generate YouTube-like ids from numbers</a></li> <li><a href="https://github.com/oframe/ogl">O-GL - Minimal WebGL framework </a></li> <li><a href="http://spacetime.how/">spacetime: the utiltity for working with timezones</a></li> </ul> <h3> Browsers </h3> <ul> <li><a href="https://venturebeat.com/2019/09/03/mozilla-firefox-69/">Firefox 69 arrives with third-party tracking cookies and cryptomining blocked by default</a></li> <li><a href="https://hacks.mozilla.org/2019/09/firefox-69-a-tale-of-resize-observer-microtasks-css-and-devtools/">Firefox 69 — a tale of Resize Observer, microtasks, CSS, and DevTools</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/69">Firefox 69 for developers</a></li> <li><a href="https://blog.mozilla.org/blog/2019/09/03/todays-firefox-blocks-third-party-tracking-cookies-and-cryptomining-by-default/">Today’s Firefox Blocks Third-Party Tracking Cookies and Cryptomining by Default</a></li> </ul> css html javascript react Fresh Frontend Links Sun, 01 Sep 2019 20:30:56 +0000 https://dev.to/frontender_ua/frontend-weekly-digest-26-august-1-september-2019-oad https://dev.to/frontender_ua/frontend-weekly-digest-26-august-1-september-2019-oad <h3> Web-development </h3> <ul> <li> <a href="https://developers.google.com/web/updates/2019/08/get-started-with-gpu-compute-on-the-web">Get started with GPU Compute on the Web</a>. The author is playing with the experimental WebGPU API</li> <li> <a href="https://www.jsmonday.dev/articles/23/frontend-development-is-dead-long-live-frontend-engineering-">Frontend Development is Dead. Long Live Frontend Engineering!</a> </li> <li> <a href="https://www.zdnet.com/article/npm-bans-terminal-ads/">npm bans terminal ads</a> </li> <li> <a href="https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/">How Web Content Can Affect Power Usage</a> </li> <li> <p><strong>Tools</strong>:</p> <ul> <li> <a href="https://github.com/onderceylan/pwa-asset-generator">pwa-asset-generator</a>: based on Puppeteer, automatically generates icons and splash screens guided by Web App Manifest specs and Apple Human Interface guidelines.</li> <li> <a href="https://levelup.gitconnected.com/working-with-front-end-tools-on-linux-and-windows-the-grand-performance-test-b51a77a71636">Working with front-end tools on Linux and Windows: the grand performance test</a> </li> </ul> </li> <li> <p><strong>Accessibility</strong>:</p> <ul> <li> <a href="https://css-irl.info/how-to-accessibly-split-text/">How to Accessibly Split Text</a> </li> <li> <a href="https://www.telerik.com/blogs/an-introduction-to-accessibility-testing">An Introduction to Accessibility Testing</a> </li> </ul> </li> <li> <p><strong>Animations</strong>:</p> <ul> <li> <a href="https://css-tricks.com/a-glassy-and-classy-text-effect/">A Glassy (and Classy) TextВ Effect</a> </li> <li> <a href="https://codepen.io/kylewetton/full/OJLmJoV">Color this sofa! – SVG + Blend Mode trick</a> </li> </ul> </li> </ul> <h3> CSS </h3> <ul> <li> <a href="https://css-tricks.com/creating-a-maintainable-icon-system-with-sass/">Creating a Maintainable Icon System withВ Sass</a> </li> <li> <a href="https://www.youtube.com/watch?v=lHBE0mIDTHk">New &amp; Experimental CSS Tools in Firefox</a> </li> <li> <a href="https://css-tricks.com/can-you-rotate-the-cursor-in-css/">Can you rotate the cursor inВ CSS?</a> </li> <li> <a href="https://css-tricks.com/styling-links-with-real-underlines/">Styling Links with RealВ Underlines</a> </li> </ul> <h3> JavaScript </h3> <ul> <li> <a href="https://www.freecodecamp.org/news/explaining-the-best-javascript-meme-i-have-ever-seen/">The Best JavaScript Meme I've Ever Seen, Explained in detail</a> </li> <li> <a href="https://alligator.io/js/drag-and-drop-vanilla-js/">Drag &amp; Drop Elements with Vanilla JavaScript and HTML</a> </li> <li> <a href="https://www.jsmonday.dev/articles/7/javascript-alternatives-">JavaScript Alternatives!</a> </li> <li> <a href="https://dojo.io/blog/version-6-dojo">Announcing Dojo 6</a> </li> <li> <a href="https://medium.com/young-coder/how-javascript-grew-up-and-became-a-real-language-17a0b948b77f">How JavaScript Grew Up and Became a Real Language</a> </li> <li> <a href="https://cheewebdevelopment.com/boilerplate-vanilla-javascript-content-slider/">Boilerplate Vanilla JS Content Slider</a> </li> <li> <a href="https://medium.com/@bobtomlin_70659/javascript-classes-an-in-depth-look-part-1-47d8f4e77cbd">JavaScript Classes. An In-Depth look. Part 1.</a> </li> <li> <a href="http://thecodebarbarian.com/a-practical-guide-to-symbols-in-javascript.html">A Practical Guide to Symbols in JavaScript</a> </li> <li> <p><strong>TypeScript</strong>:</p> <ul> <li> <a href="https://devblogs.microsoft.com/typescript/announcing-typescript-3-6/">Announcing TypeScript 3.6</a> </li> <li> <a href="https://www.jsmonday.dev/articles/18/publishing-a-typescript-library">Publishing a TypeScript Library</a> </li> </ul> </li> <li> <p><strong>React</strong>:</p> <ul> <li> <a href="https://v8.dev/blog/react-cliff">The story of a V8 performance cliff in React</a> </li> <li> <a href="https://www.freecodecamp.org/news/the-guide-to-using-eslint-and-prettier-in-a-react-app/">How to setup ESLint and Prettier for your React apps</a> </li> <li> <a href="https://blog.carbonfive.com/2019/08/27/optimizing-performance-in-react-16-8/">Optimizing Performance in React 16.8</a> </li> <li> <a href="https://kentcdodds.com/blog/javascript-to-know-for-react">JavaScript to Know for React</a> </li> <li> <a href="https://itnext.io/react-push-notifications-with-hooks-d293d36f4836">React Push notifications (with hooks)</a> </li> <li> <a href="https://eng.uber.com/best-practices-for-react-v16/">Best Practices for Unit Testing in React Version 16</a> </li> </ul> </li> <li> <p><strong>VueJS</strong>:</p> <ul> <li> <a href="https://www.baianat.com/labs/code/veevalidate-3-0">VeeValidate 3.0 has been released</a> </li> <li> <a href="https://www.telerik.com/blogs/demystifying-the-v-model-directive-in-vue">Demystifying the v-model Directive in Vue</a> </li> <li> <a href="https://vuejsdevelopers.com/2019/08/26/vue-what-to-unit-test-components/">Knowing What To Test - Vue Component Unit Testing</a> </li> <li> <a href="https://medium.com/js-dojo/vue-data-flow-how-it-works-3ff316a7ffcd">Vue data flow — How it works?</a> </li> <li> <a href="https://www.smashingmagazine.com/2019/08/vuepress-documentation/">VuePress: Documentation Made Easy</a> </li> <li> <a href="https://blog.logrocket.com/hooks-are-coming-to-vue/">Hooks are coming to Vue.js version 3.0</a> </li> <li> <a href="https://medium.com/better-programming/how-to-use-async-and-await-to-chain-promises-4180e2c1a374">How To Use Async and Await to Chain Promises</a> </li> </ul> </li> <li> <p><strong>Angular</strong>:</p> <ul> <li> <a href="https://www.telerik.com/blogs/angular-localization-using-ngx-translate">Angular Localization Using ngx-translate</a> </li> <li> <a href="https://medium.com/fincura-engineering/front-end-architecture-for-angular-applications-d6840b78706c">Front End Architecture for Angular Applications</a> </li> <li> <a href="https://medium.com/@sredmond/why-you-should-choose-angular-for-your-next-front-end-project-d4dffbae8b07">Why you should choose Angular for your next front-end project</a> </li> <li> <a href="https://blog.angular.io/angular-tools-for-high-performance-6e10fb9a0f4a">Angular Tools for High Performance</a> </li> <li> <a href="https://blog.bitsrc.io/solid-the-dependency-inversion-principle-in-angular-6e4b9c484960">SOLID: The Dependency Inversion Principle in Angular</a> </li> </ul> </li> </ul> <h3> Browsers </h3> <ul> <li> <a href="https://hacks.mozilla.org/2019/08/the-baseline-interpreter-a-faster-js-interpreter-in-firefox-70/">The Baseline Interpreter: a faster JS interpreter in Firefox 70</a> </li> <li> <a href="https://blogs.windows.com/msedgedev/2019/08/30/update-removing-flash-microsoft-edge-internet-explorer/">Update on removing Flash from Microsoft Edge and Internet Explorer</a> </li> </ul> css html javascript react