--- title: "Creative coding, super linting, and a new JS podcast" publication: "JavaScript Weekly" issue: 493 published_at: "2020-06-19" canonical_url: "https://javascriptweekly.com/issues/493" --- Plus more JavaScript links, tutorials, and projects. #493 — June 19, 2020 [Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/) ✍️ 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 JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1592575693/frk49xqez8sadltshudv.jpg)](https://github.blog/2020-06-18-introducing-github-super-linter-one-linter-to-rule-them-all/) [GitHub Unveils Its 'Super Linter': One Linter to Rule Them All?](https://github.blog/2020-06-18-introducing-github-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](https://github.com/github/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](https://keen-slider.io/) — 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.](https://keen-slider.io/examples/#basic) Eric Beyer [![\](https://copm.s3.amazonaws.com/2867d39b.png)](https://www.datadoghq.com/dg/apm/synthetics/ts-synthetic-monitoring/?utm_source=Advertisement&utm_medium=CooperPress&utm_campaign=CooperPress-JavascriptWeeklyP) [Identify Front-End Issues Like JavaScript or Network Errors Fast](https://www.datadoghq.com/dg/apm/synthetics/ts-synthetic-monitoring/?utm_source=Advertisement&utm_medium=CooperPress&utm_campaign=CooperPress-JavascriptWeeklyP) — 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](https://hacks.mozilla.org/2020/06/compiler-compiler-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](https://github.com/puppeteer/puppeteer/releases/tag/v4.0.0) — 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.](https://github.com/puppeteer/puppeteer) Puppeteer Team **⚡️ Quick bytes:** - [OpenHive.JS](https://anchor.fm/openhivejs) is a new JavaScript podcast from James Snell and Matteo Collina – three episodes so far including [an interview with Laurie Barth](https://anchor.fm/openhivejs/episodes/Laurie-Barth-on-Maintaining-Gatsby-ef6p8i) on maintaining Gatsby. - The [first alpha release of Bootstrap 5](https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/) is out and notably drops jQuery as a dependency in favor of vanilla JS. - First proposed _5 years ago_, [variadic tuple types are coming](https://github.com/microsoft/TypeScript/issues/5453#issuecomment-644984977) to TypeScript in TypeScript 4.0. [Examples here.](https://github.com/microsoft/TypeScript/pull/39094) - The V8 project has started a [V8 Research Grant](https://v8.dev/grant) to give up to $40k to _academic_ programming language and research projects based around the V8 JavaScript engine. - What caused TypeScript to take off? [Google announcing they were going to use it with Angular](https://www.zdnet.com/article/microsoft-lead-engineer-programming-language-typescript-took-off-thanks-to-googles-angular/), claims Ryan Cavanaugh, Microsoft's engineering lead for TypeScript. - ThoughtWorks has written about ['Node Overload'](https://www.thoughtworks.com/radar/platforms?blipid=202005026) and asserts _"performance is no longer a reason to choose Node.js."_ 💻 Jobs [Find a Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-javascriptweekly&utm_term=tech&utm_content=grouped&utm_campaign=ad-77584) — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery 📚 Tutorials, Opinions and Stories [Why We Switched From Yarn to `pnpm`](https://www.takeshape.io/articles/why-we-switched-from-yarn-to-pnpm/) — [Yarn](https://yarnpkg.com/) and [pnpm](https://pnpm.js.org/) 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](https://stac.works/articles/how-to-run-an-online-conference) — An experienced developer event organizer took their [All Day Hey](https://alldayhey.com/) 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`](https://kentcdodds.com/blog/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](https://www.youtube.com/watch?v=sRLWIAPaiRI) — A practical talk from GitHub Satellite 2020 demonstrating using the Processing-influenced [p5.js](https://p5js.org/) creative coding library and [editor](https://editor.p5js.org/) for creating art with JavaScript. Cassie Tarakajian [Top GitHub Best Practices for Developers - Expanded Guide](https://try.datree.io/github-best-practices-guide?utm_source=cooperpress&utm_medium=jsweekly) — 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](https://danielcaldas.github.io/posts/tips-end-to-end-testing-puppeteer/) — Some tips and tricks from someone who’s used Puppeteer a lot. Daniel Caldas [Going Async in Vue 3 with Suspense](https://vuedose.tips/go-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 `curl`](http://thecodebarbarian.com/what-javascript-developers-should-know-about-curl.html) — [curl](https://curl.haxx.se/) 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](https://2ality.com/2020/06/computing-with-types.html) Dr. Axel Rauschmayer [Several Ways to Clean Up Vue.js Components](https://michaelzanggl.com/articles/vue-cleaning-up-components/) — Opinionated, so don’t expect to agree with them all. Michael Zanggl 🔧 Code & Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/o2rh6zalve3hhvcb28ss.jpg)](https://zander.wtf/blog/code-notes-release) [Code Notes: A Gatsby Theme for Publishing Code-Related Notes and Snippets](https://zander.wtf/blog/code-notes-release) — 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](https://notes.zander.wtf/) (which has lots of great JavaScript snippets on it – bonus!) Zander Martineau [Breakpoints and `console.log` Is the Past, Time Travel Is the Future](https://wallabyjs.com/docs/intro/test-stories.html?utm_source=cooperpress&utm_campaign=javascript&utm_content=javascript) — 15x faster JavaScript debugging than with breakpoints and console.log. Wallaby.js sponsor [TOAST UI Grid: A Customizable Grid Control for the Web](https://github.com/nhn/tui.grid) — 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](https://github.com/nhn/tui.editor) and [TUI Calendar.](https://ui.toast.com/tui-calendar/) NHN [DOCX: A Declarative API to Generate .docx Files](https://github.com/dolanmiu/docx) — `.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.](https://jsfiddle.net/dolanmiu/kqxrj35u/1/) Dolan [Midori: A Library for Animated Image Backgrounds](https://github.com/aeroheim/midori) — 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](https://github.com/vvo/tzdb/) — 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](https://retool.com?utm_source=jsweekly&utm_medium=newsletter&utm_campaign=june_19&utm_content=sprints) Retool sponsor [Helipopper: A Powerful Tooltip and Popover Library for Angular](https://github.com/ngneat/helipopper) — A lighweight wrapper for Tippy.js for use in Angular. Lots of examples demonstrating the flexibility of it on [the demo page](https://ngneat.github.io/helipopper/). netanel basal Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/peterc) 'JavaScript' is a trademark of Oracle Corporation in the US We are not endorsed by or affiliated with Oracle. [Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or [stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom