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.
• Deep Dive Into Modern Web Development
• What is GraphQL: History, Components, and Ecosystem
• Parcel 2.0.0-alpha.1 is here!
• Awesome Demos Roundup #7
• Chrome is planning to implement CSS Modules, a draft by Microsoft, that allows to import styles for components from an external file instead of inlining CSS in JS
• The Differing Perspectives on CSS-in-JS
• Why Browsers Download Stylesheets With Non-Matching Media Queries
• Multiline truncated text with “show more” button (with just CSS)
• What the CSS — Implementing Trigonometry in SCSS, and lessons learnt
• 2019 Checkbox Styled — Accessible, Simple, CSS-only
• Variable Font Animation with CSS and Splitting JS
• Contextual Utility Classes for Color with Custom Properties
• extra.css — A CSS Houdini library for making your site a little more #extra.
• V8 release v7.7
• The history and legacy of jQuery
• Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)
• Typescript in the real world — Why and how you should use it
• How I rewrote our codebase to TypeScript in a week
• 5 Interesting Uses of JavaScript Destructuring
• How to Build a Cipher Machine with JavaScript
• 13 Tips to Write Faster, Better-Optimized JavaScript
• All the New ES2019 Tips and Tricks
?Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.?
Web-development
• Deep Dive Into Modern Web Development
• What is GraphQL: History, Components, and Ecosystem
• Parcel 2.0.0-alpha.1 is here!
• Awesome Demos Roundup #7
- Performance:
• Fantastic Front-End Performance Tricks & Why We Do Them
• Learn all about wrangling third-party JS: What&why, DevTools tips&tricks, Things to put in your code, Glitch playground
• Performance Testing — Tools, Steps, and Best Practices
• Lazy load embedded YouTube videos
CSS
• Chrome is planning to implement CSS Modules, a draft by Microsoft, that allows to import styles for components from an external file instead of inlining CSS in JS
• The Differing Perspectives on CSS-in-JS
• Why Browsers Download Stylesheets With Non-Matching Media Queries
• Multiline truncated text with “show more” button (with just CSS)
• What the CSS — Implementing Trigonometry in SCSS, and lessons learnt
• 2019 Checkbox Styled — Accessible, Simple, CSS-only
• Variable Font Animation with CSS and Splitting JS
• Contextual Utility Classes for Color with Custom Properties
• extra.css — A CSS Houdini library for making your site a little more #extra.
JavaScript
• V8 release v7.7
• The history and legacy of jQuery
• Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)
• Typescript in the real world — Why and how you should use it
• How I rewrote our codebase to TypeScript in a week
• 5 Interesting Uses of JavaScript Destructuring
• How to Build a Cipher Machine with JavaScript
• 13 Tips to Write Faster, Better-Optimized JavaScript
• All the New ES2019 Tips and Tricks
React:
• Introducing the New React DevTools
• Announcing the Ionic React Release Candidate!
• What's New in React 16.9: The UNSAFE Update
• Draggin’ and Droppin’ in React
• Modern React testing. Part 1: best practices. Part 2: Jest and Enzyme
Angular:
• Introducing Transloco: Angular Internationalization Done Right
• Getting Started with Nx in Angular
• The Best Way To Lazy Load Angular Elements
• It’s time to say thank you to the Angular CLI Team!
VueJS:
• How To Use Vuex to Store State in JavaScript
• A Comprehensive Guideline On How To Build Real-Time PWAs Using Vue CLI 3.0
- Ember:
• Octane is coming in v3.14
• How To Write A Really, *Really* Ambitious SPA in 2019
• Ember-Backstop Visual Regression Testing Tutorial
?Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.?