Programming news, cool libraries, and productivity tips by Dev Awesome.

// Dev Awesome #43

October 23, 2020

Dev Awesome

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!

Articles & Tutorials

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.

Libraries & Tools

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.

jExcel - Vanilla JavaScript library for creating excel-like spreadsheets

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.

Inspiration & Design

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.