#519 — December 18, 2020

Unsubscribe  |  Read on the Web

JavaScript Weekly

JavaScriptLandia: The OpenJS Foundation's 'Individual Supporter Program' — A new initiative launched by the OpenJS Foundation and several prominent JavaScript community members which lets you express your support for the JavaScript ecosystem. Jory Burson and Myles Borins went on Stack Overflow’s podcast to explain what it’s all about.

Sara Chipps

A Growing Collection of 100+ Node.js Best Practices — This in-depth guide for Node developers came in as the most clicked link in Node Weekly this year and since it has continued to be updated regularly, we thought it was time to link it here too.

Yoni Goldberg

💡 Check out the top Node links of 2020 in this week's issue of Node Weekly.

10 React Security Best Practices — A checklist to help you and your team find and fix security issues in your React applications.

Snyk sponsor

JSitor: Another JavaScript, HTML and CSS Online Editor/Sandbox — I’m a big fan of tools like JSBin and CodePen for throwing together quick experiments or testing out a bit of code. This is a new alternative which has numerous layouts, very responsive autocomplete, and iOS and Android apps too.


⚡️ Quick Releases

  • npm 7.2.0 — Nomenclature predictably misunderstood.
  • Node 14.15.3 — The popular server-side runtime.
  • Popper.js 2.6 — Tooltip and popover placement engine.
  • esprint 2.0 — Fast multithreaded ESLint runner.
  • Polly.js 5.1.0 — Record, replay, and stub HTTP interactions.
  • Flux 4.0 — React app architecture library but now in 'maintenance mode' as of this release.

📚 Tutorials, Opinions and Stories

Styling console.log() Output Formatting with CSS — Like most of us (probably?) Ben forgets console.log output can be styled with CSS, so he sat down to write out a bunch of increasingly elaborate examples to make it stick.

Ben Nadel

▶  What Is GraphQL? — Drew McLellan (of Perch and 24ways fame) and Eve Porcello (co-author of Learning GraphQL) discuss GraphQL and how it can solve common API problems. (41 minutes.)

Smashing Magazine podcast

Improve Serverless Observability With AWS Lambda Extensions Integration — Learn how New Relic is integrating with the Extensions API to make monitoring your AWS Lambda functions even easier.

New Relic sponsor

  5 Most Clicked YouTube Videos of 2020

By JavaScript Weekly readers, anyway! No PewDiePie here ;-)

Using Airtable as a Database to Store Realtime Messages — Learn how to use Airtable to store realtime messages using a group chat app built with Vue.js as an example.

Srushtika Neelakantam

An Engineering Leader’s Guide to OpenTelemetry

Lightstep sponsor

Things I Wished More Developers Knew About Databases — Our most popular link this year from Database Weekly and one I think most developers will benefit from - hence, it's here too!

Jaana Dogan

How to Create Animated, 'Apple Music' Style Cards with WebGL and Three.js
Johnny Simpson

How Redux Reducers Work
Fortune Ikechi

🛠 Code & Tools

supported by Okta

Moiva.io: A JavaScript Library Comparison Tool — The output is quite simple, but it plots some charts of downloads, bundle sizes, and various GitHub statistics, giving you a way to make basic comparisons. The developer has written about his motivations for building it too.

Alexey Antipov

AWS SDK for JavaScript Version 3 Now Generally Available — The next major version of AWS’s JavaScript SDK is now available and it has a new modular architecture with a separate package for each service.. so if you want to just use SQS, say, you just pull in the package for that. Browsers, Node.js and React Native are all catered for.

Trivikram Kamat (AWS)

Stream Chat React Native v2.0.0 Released — The official React Native and Expo library of components for Stream Chat (a service for building chat apps) is now rewritten in TypeScript to ensure type safety for easier-to-read code/debugging.

Stream sponsor

JSweet 3.0: A Java to JavaScript Transpiler — Java programs are transpiled to TypeScript and JavaScript for use in browsers, mobile Web views, or Node.js. BTW, if you don't like Java, the final code sample here may give you the shivers.


tiny-swiper: An 'Ingenious' JavaScript Carousel — A free carousel offering a ‘native-like experience’ for the web. Zero dependencies, written in TypeScript, no attribution required. Demos here.

Joe Harris

Dynamoose 2.5.0: A Modeling Tool for Amazon's DynamoDB — As Mongoose is to MongoDB, Dynamoose hopes to be to Amazon’s DynamoDB.


💻 Jobs

Full Stack Senior JavaScript/Node.js Developer - Video Platform — Melbourne based, remote friendly role, working on exciting AI powered video creation SAAS product. Apply here.


JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.


Find a Job Through Vettery — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers.


🎁 A mystery gift from the Web

Click for a cute (and fully safe for work!)
Web-based experience.