October 23, 2020
Welcome to Dev Awesome, the newsletter for awesome developers. This week we have another dose of interesting articles, tools and inspiration to supercharge your afternoon. Enjoy!
Node.js v15.0.0 is here!
The newest Node release includes APIs, JS engine updates, and some changes to npm. Also important to note, Node.js 14 is now the LTS version.
Bringing the browser developer tools to VSCode
Visual Studio Code, one of the most popular code editors right now, its getting a native integrated DevTools extension in the next update.
Webpack 5 Headache
With Webpack 5 being released this month, there are some important breaking changes you should know about.
An Honest Review of Gatsby
An in-depth article on the static site framework Gatsby, written by someone who has actually used it for a real life project.
The Widening Responsibility for Front-End Developers
Beautifully presented article about the current state of frontend development and the ever changing web ecosystem.
Presenting v7.0.0 of the npm CLI
Part of the aforementioned Node 15 release is an update to npm that brings workspaces, improvements on .lock files, and more.
React Nice Dates - Touch-friendly datepicker for React.
This modular library consists of components and utilities which can be combined to create the perfect date picker for your needs.
Bueno - JS validator for forms and APIs
Great library that helps you make sure all incoming data is the right type and formatted properly.
Really cool JS plugin for quickly creating interactive tables with good browser support and lots of features.
Optimizt - Nice CLI tool for working with images
Simple to use command line tool for quickly compressing images, optimizing SVGs, and converting to WebP.
CSSometric - Fun animation demo on CodePen
This pen shows how you can manipulate the dimensions of HTML elements to create eye-catching, smooth animations.
Good Web Design - Curated list of beautiful landing pages
The website is fun to browse and there is the option to show specific sections of the pages (e.g. see only the pricing tables).
Bidirectional scrolling: what's not to like?
A quick design analysis on UIs with both horizontal and vertical scrollbars, as seen in the Netflix browse interface.
Beautiful CSS 3D Transform Examples
Nice collection of useful examples on how to spice up your design with some simple CSS 3D transforms.
Radix Icons - Crisp SVG icon set for React
This pack, designed by Modulz, offers a large variety of icons, each one with a modern thin-line look.