#493 — June 19, 2020

Unsubscribe  |  Read on the Web

✍️ It's been surprisingly quiet, we thought, out in JavaScript land this week, but we've been doing this for a while so we still have lots of neat bits and pieces for you to enjoy :-) Thanks for reading and continuing to support us! 😁

JavaScript Weekly

GitHub Unveils Its 'Super Linter': One Linter to Rule Them All? — Setting up the right linters for the various types of code in your projects can be… a bit of a pain. So GitHub has unveiled Super Linter, a combination of linters you can use with your repos via GitHub Actions. And, yes, we get ESLint and StandardJS.. plus things like markdownlint too.

GitHub

keen-slider: An Agnostic Touch Slider — Think ‘carousels’ but comfortable and smooth when using touch. They work with the mouse and touchpads as well, of course, and there are no dependencies. Live examples here.

Eric Beyer

Identify Front-End Issues Like JavaScript or Network Errors Fast — Datadog’s algorithmic alerts will proactively alert on any client-side issues such as JavaScript and network errors. Optimize the load time of your front-end resources, and detect any UI issues that affect critical user journeys. Try it free with Datadog Synthetics.

Datadog sponsor

▶  Compiler Compiler: A Video Series About Working on a JavaScript Engine — This gets very technical fast :-) Follow a JavaScript engineer on Firefox’s SpiderMonkey team as she gives an inside look at SpiderMoney and the art of compilation.

Yulia Startsev

Puppeteer v4.0.0 Released: The Node API for Chrome — The popular way to remotely control a headless Chrome instance gets a major version bump with the main breaking change being that Puppeteer no longer uses Node’s EventEmitter library in order to make it more environment agnostic. It’s also now “much better at killing lingering browser processes.” GitHub repo.

Puppeteer Team

⚡️ Quick bytes:

💻 Jobs

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

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

📚 Tutorials, Opinions and Stories

Why We Switched From Yarn to pnpmYarn and pnpm are both popular alternatives to npm but why would you switch from one to the other? Improved performance in a monorepo situation.

Andrew Sprouse

How to Run an Online Dev Conference / Event — An experienced developer event organizer took their All Day Hey event online at a rapid pace this year due to the pandemic. This extensive writeup covers how all the main pieces came together.

Josh Nesbitt

Stop Mocking fetch — Why you shouldn’t mock fetch or your API clients in your tests and what to consider instead.

Kent C Dodds

▶  Creative Coding in p5.js — A practical talk from GitHub Satellite 2020 demonstrating using the Processing-influenced p5.js creative coding library and editor for creating art with JavaScript.

Cassie Tarakajian

Top GitHub Best Practices for Developers - Expanded Guide — Implementing these best practices could save you time, improve code maintainability, and prevent security risks.

Datree.io sponsor

Tips for End to End Testing with Puppeteer — Some tips and tricks from someone who’s used Puppeteer a lot.

Daniel Caldas

Going Async in Vue 3 with Suspense — A practical example of a new feature coming to Vue 3 for rendering fallback content until a condition is met (e.g. the real component is ready).

Vinicius Kiatkoski

What JavaScript Developers Should Know About curlcurl is a fantastic (and borderline universal) command line HTTP client that lets you test, tweak, and manipulate requests both targeting your own apps and APIs as well as those of others.

Valeri Karpov

Computing with Types in TypeScript

Dr. Axel Rauschmayer

Several Ways to Clean Up Vue.js Components — Opinionated, so don’t expect to agree with them all.

Michael Zanggl

🔧 Code & Tools

Code Notes: A Gatsby Theme for Publishing Code-Related Notes and Snippets — If you’ve got a bunch of code snippets you want to keep collected together and present in an attractive fashion, this is a neat Gatsby and Markdown/MDX powered approach. Here’s an example site (which has lots of great JavaScript snippets on it – bonus!)

Zander Martineau

Breakpoints and console.log Is the Past, Time Travel Is the Future — 15x faster JavaScript debugging than with breakpoints and console.log.

Wallaby.js sponsor

TOAST UI Grid: A Customizable Grid Control for the Web — First featured a year ago, TUI Grid is a powerful grid control for the display, editing, and management of data. It comes from the same folks as TUI Editor and TUI Calendar.

NHN

DOCX: A Declarative API to Generate .docx Files.docx files being more commonly known as modern Microsoft Word documents. This library works in both Node and the browser and there’s a live demo here.

Dolan

Midori: A Library for Animated Image Backgrounds — Built with three.js, provides support for animated transition, a configurable dynamic “camera”, and post-processing effects.

Benjamin Pang

🕰 Tzdb: A Simplified and Grouped List of Time Zones and Offsets — The official IANA time zone list has over 500 entries but you can simplify this substantially, as done here.

Vincent Voyer

Save Your Sprints. Build Tools 5x Faster

Retool sponsor

Helipopper: A Powerful Tooltip and Popover Library for Angular — A lighweight wrapper for Tippy.js for use in Angular. Lots of examples demonstrating the flexibility of it on the demo page.

netanel basal