#487 — May 8, 2020
JavaScript Weekly
Jest 26 Released: The Popular Testing Framework — Jest is a popular testing framework that works with pretty much everything. This release focuses on getting the dependency count and install size down (this causes some breaking changes, unsurprisingly), adds a new fake timer implementation, drops Node 8 support, and initial, experimental ESM support to play with.
Christoph Nakazawa
1LOC: A Collection of One-Line JS Snippets — A neat little collection of vanilla JavaScript one-liners divided into various categories (arrays, date/time, checking objects, DOM work, etc.) You can submit your own for inclusion too.
Nguyen Huu Phuoc
Hardcore Functional Programming in JavaScript — Brian Lonsdorf teaches you functional programming concepts in JavaScript such as pure functions, currying, composition, functors, monads and more.
Frontend Masters sponsor
Comparing Ember Octane and React — This is about as detailed a comparison as you could hope for and a demonstration of just how much Ember contributes to the JavaScript ecosystem. Octane really kicks things up a notch for Ember, too.
Chris Garrett
Deno 1.0 is Due Next Week: Here's What You Need to Know — In 2018 Node's creator Ryan Dahl told us 10 Things I Regret About Node.js and revealed a prototype of Deno, a new V8-based runtime, and here's what you need to know about it. Short of time? This two-minute video sums up the biggest wins quickly.
David Else
Our newest newsletter..
Carrying on from the Deno item above, yes, we've started Deno Weekly, a new newsletter dedicated to the newest runtime in the JavaScript/TypeScript world. Issue 2 goes out just after 1.0 is released next week.
Even if you don't stick with Deno long term, feel free to subscribe then unsubscribe at any time — we won't take offence 😄
💻 Jobs
JavaScript Developer at X-Team (Remote) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere.
X-Team
Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.
Vettery
📚 Tutorials
Debug Anything: The Basics — A six part series (all ready to read now) on debugging your JavaScript and TypeScript code with the debugger built into Visual Studio Code.
Charles Szilagyi
How To Build a Vue Survey App Using Firebase — A step-by-step guide to building a functional survey app using Vue.js and Firebase for both authentication and as a database.
David Atanda
A Brief Look at ES2020's Promise.any — When you need to know when at least 1 promise got resolved among an iterable of Promise objects, Promise.any() is the solution.
Marios Fakiolas
ES2020: Everything You Need to Know — An ES2020 roundup!
Martin McKeaveney
Git Best Practices for SOC 2 Compliance Quick Wins — Get quick wins for your SOC 2 compliance audit, and raise developer productivity at the same time.
Datree.io sponsor
Building a Crossword Puzzle Generator — As a NY Times crossword addict, I love a good crossword, but if you’d rather figure out how to make your computer solve them, be my guest 😄 This post guides you on how to approach the problem.
Mitchum
Getting Started with Sapper and Svelte — Sapper is a Svelte-powered framework.
Chris Boakes
A ES2015+ Cheatsheet — A one-page guide to ES2015+ features based around brief example snippets.
Devhints.io
How to Fix ESLint Errors Upon Save in VS Code — A quick-fire tip.
David Walsh
How to Build a Blog with Next 9.3, Netlify, and Markdown — Learn how to build a Next.js-powered Markdown blog and deploy it to the Netlify platform.
Cassidy Williams
A Canvas Engine Comparison: PixiJS vs Two.js vs Paper.js — A benchmark of three popular 2D rendering engines/drawing APIs. Note: This will tax your system.
SlayLines
🎉 BTW, if you like videos, we need to shout out Florin Pop's YouTube channel as he's just passed 20k subscribers by posting neat JavaScript videos and live streams nearly every day for the past six months! 😁 Lots of great stuff on there for JavaScript developers of all skill levels.
🔧 Code & Tools
Selecto.js: Make Elements Selectable Within an Area — Let’s say you have a number of elements that represent choices, data, whatever, and you want users to be able to select a subset of them by clicking/pointing and dragging. That’s what this does. Live examples here.
Daybrush (Younkue Choi)
Visual Studio Code April 2020 Released — Probably the most widely used editor in the JavaScript space now and April brings some neat new features like being able to work on GitHub issues within the editor.
Microsoft
Stream Chat API & JavaScript SDK for Custom Chat Apps — Build real-time chat in less time. Rapidly ship in-app messaging with our highly reliable chat infrastructure.
Stream sponsor
Majestic 1.7: A Zero Config GUI for Jest — A tool to help make your JavaScript testing life a little easier. Run npx majestic in the folder of any project that uses Jest to give it a quick try.
Raathi Kugarajan
Pico: Take Browser Screenshots Client-Side with JavaScript — Different from capturing a webpage using Puppeteer or a similar tool in that the screenshot taking happens entirely client side.
Gripeless
React Flow: A Library for Rendering Interactive Graphs — If you have a need to lay out graphs in a visual way and be able to smoothly pan and zoom around such graphs, this is an interesting new library. Live demo here.
Moritz Klack
MongoDB Is Easy. Now Make It Powerful. Free Download for 30 Days.
Studio 3T sponsor
NeutralinoJS: Build Cross-Platform Apps Using JS, HTML and CSS — Sounds just like Electron, right? Not quite. NeutralinoJS use less memory and are smaller as they don’t ship a full browser inside. 1.4.0 just dropped.
Neutralinojs
Slugify 1.0: Simply Turns Strings into URL/Filename-Friendly 'Slugs' — e.g. ‘I ♥ Dogs’ becomes ‘i-love-dogs’. It deals with some non-Latin scripts too.
Sindre Sorhus
⚡️ Quick releases:
- Madge 3.9 — Plot graphs of your module dependencies.
- Glider 1.7.2 — Dependency-free carousel alternative.
- vue-virtual-scroll-list 2.2 — High performance large list rendering.
- Pickr 1.6 — Color picker, now with i18n support.
- vue-test-utils 1.0 — Official Vue.js testing utilities.
- Espree 7.0 — Esprima-compatible JavaScript parser.