--- title: "V8 7.6, an intro to Web Components, and a task library from Microsoft" publication: "JavaScript Weekly" issue: 442 published_at: "2019-06-21" canonical_url: "https://javascriptweekly.com/issues/442" --- This week's JavaScript news #442 — June 21, 2019 [Read on the Web](https://javascriptweekly.com/issues/442) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1561131245/qcsd0to3aqunulfhquig.jpg)](https://medium.com/@toastui/release-news-toast-ui-grid-4-0-is-finally-here-585934ddf091) [TOAST UI Grid 4.0 Released](https://medium.com/@toastui/release-news-toast-ui-grid-4-0-is-finally-here-585934ddf091) — [TOAST UI Grid](https://ui.toast.com/tui-grid/) (see samples [here](https://ui.toast.com/tui-grid/)) is a powerful and customizable grid control for the Web that supports editing, calculations, a tree-like view, theming, and more. 4.0 is a big release as it tears out the old jQuery and Backbone dependencies, adds keyboard navigation, and can handle large datasets better. [GitHub repo.](https://github.com/nhn/tui.grid) TOAST UI [Vue.js 3.0 to Gain a Function-Based Component API?](https://github.com/vuejs/rfcs/blob/function-apis/active-rfcs/0000-function-api.md) — An interesting look at the next step for the Vue.js project in the shape of a new approach to exposing component options via function-based APIs rather than the class-based API (although current syntax will continue to work and be supported). Here’s [the actual pull request.](https://github.com/vuejs/rfcs/pull/42) Evan You [![\](https://copm.s3.amazonaws.com/6f380d33.png)](https://www.bugsnag.com/platforms/javascript?utm_source=cooperpress&utm_medium=cpc&utm_content=free-trial&utm_campaign=2019-q2&utm_term=javascript-weekly-20190621) [Get Best in Class Error Reporting for Your JavaScript Apps 🚀](https://www.bugsnag.com/platforms/javascript?utm_source=cooperpress&utm_medium=cpc&utm_content=free-trial&utm_campaign=2019-q2&utm_term=javascript-weekly-20190621) — Time is money. Software bugs waste both. Save time with Bugsnag. Automatically detect and diagnose errors impacting your users. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in minutes. [Try it free](https://www.bugsnag.com/platforms/javascript?utm_source=cooperpress&utm_medium=cpc&utm_content=free-trial&utm_campaign=2019-q2&utm_term=javascript-weekly-20190621). Bugsnag sponsor [A Gentle Introduction to Web Components](https://www.robinwieruch.de/web-components-tutorial/) — Web Components (custom elements) allow you to implement reusable components with only HTML, CSS and JavaScript. Here’s how to build your first, and how to use them in your apps. Robin Wieruch [V8 Release v7.6: What's New?](https://v8.dev/blog/v8-release-76) — Another day, another branch of V8 is on the boil and headed to a Chrome 76 and future version of Node near you soon 😄 This time, the heavily used `JSON.parse` gets some significant performance improvements, `BigInt` now has better API support, we gain `Promise.allSettled`, and more. Adam Klein [Just: A JavaScript Task Library from Microsoft](https://microsoft.github.io/just/) — If you’re familiar with Ruby’s `rake`, it’s a bit like that. Define tasks in JavaScript, run them with `just` (which works fine without installation using `npx`) and you get a bunch of nice features like [logging](https://microsoft.github.io/just/docs/logging) and [task composition.](https://microsoft.github.io/just/docs/composition) Microsoft [Protecting Package Publishers with npm Token Security](https://blog.npmjs.org/post/185680936500/protecting-package-publishers-npm-token-security) — In collaboration with GitHub’s [token scanning program](https://developer.github.com/partnerships/token-scanning/), npm has set up a system where when you commit or push a change to GitHub in a public repo, any npm authentication tokens found will be checked and revoked, in an effort to keep you safe. The npm Blog 💻 Jobs [Wanted: Curious Developers with ❤️](https://www.carbonfive.com/careers/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=JavaScript) — Stagnating? Check C5 out: New projects, tech, and challenges perfectly paired with kind and brilliant people in SF, LA, NYC, CHA. Carbon Five [Senior Node.js API Engineer - Exodus (Remote)](https://www.exodus.io/careers/#senior-node-api-engineer) — Do you live for beautiful APIs? We're looking for a meticulous, obsessive leader to focus on our backend API services. Exodus [Land a New Dev Job on 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. Vettery 📘 Tutorials, Opinions, and Videos [Several ES2019 Features You Can Use Today](https://blog.logrocket.com/5-es2019-features-you-can-use-today/) — A brief look at `Object.fromEntries`, `trimStart`, `trimEnd`, `flat`, `flatMap`, and more. Faraz Kelhini [Building 'Micro Frontends' with React, Vue, and Single SPA](https://dev.to/dabit3/building-micro-frontends-with-react-vue-and-single-spa-52op) — A look at how to use _multiple_ JavaScript frameworks in a single-page application.. if you so wished. Nader Dabit [Everything You Need to Know About Date in JavaScript](https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/) — Runs through what you need to know about `Date` objects. Zell Liew [Watch On-Demand: New and Exciting Features Landing in Node.js 12](https://pages.nodesource.com/new-features-nodejs12-0501-jsw.html) NodeSource sponsor [Understanding Worker Threads in Node](https://nodesource.com/blog/worker-threads-nodejs) — _Worker threads_ are now a standard, built-in Node.js feature and enable you to run separate scripts in separate threads, a la Web Workers in the browser. Liz Parody [Debugging JavaScript Like a Pro with Google Chrome](https://blog.bitsrc.io/debugging-javascript-like-a-pro-a2e0f6c53c2e) — Chrome’s DevTools have a lot to offer in the debugging department for every JavaScript developer. Giancarlo Buomprisco [Confused by `const`? Me Too!](https://dev.to/remotesynth/confused-by-javascript-s-const-me-too-4dfo) — Constants in JavaScript don’t necessarily behave the way you think they would, and unless you’re storing an unchanging, primitive value, maybe you should use `let` suggests Brian. Brian Rinaldi 🔧 Code and Tools [jBox: A jQuery Plugin for Creating Customizable Tooltips, Modals, Etc.](https://github.com/StephanWagner/jBox) — We don’t often get to link to new releases of jQuery plugins nowadays, so let’s enjoy this. jBox makes it easy to create modals, tooltips, image galleries, ‘toast’ style notifications, and more. [Lots’o’demos here.](https://stephanwagner.me/jBox) Stephan Wagner [FreezeFrame.js: A Library for Pausing Animated GIFs](https://github.com/ctrl-freaks/freezeframe.js/) — A way to let users ‘pause’ animated GIFs and reanimate upon mouse hover or a similar event. Christopher Antonellis et al. [A Much Faster Way to Debug Code Than with Breakpoints or `console.log`](https://wallabyjs.com/?utm_source=javascriptweekly&utm_medium=sponsored_newsletter&utm_campaign=javascriptweekly&utm_content=javascriptweekly) — Wallaby catches errors in your tests and code and displays them right in your editor as you type, making your development feedback loop more productive. Wallaby.js sponsor [Styled-Components v5: Faster CSS Styling for Your React Components](https://medium.com/styled-components/announcing-styled-components-v5-beast-mode-389747abd987) — [Styled Components](https://www.styled-components.com/) is a popular way to bring CSS and JavaScript together for styling components. Evan Jacobs [Spotlight: A New Lightbox Gallery Library](https://github.com/nextapps-de/spotlight) — It’s been years since we’ve linked to one of these (2 actually, when we linked to [lightgallery.js](https://sachinchoolur.github.io/lightgallery.js/), which remains a good option). Nextapps GmbH [Delaunator: A Fast Library for Delaunay Triangulation of 2D Points](https://github.com/mapbox/delaunator) — The [demo](https://mapbox.github.io/delaunator/demo.html) is the best way to get a feel for what this is about. Mapbox [VerbalExpressions: Regular Expressions Made Easier](https://github.com/VerbalExpressions/JSVerbalExpressions) — A library that provides a fluent API for creating regular expressions (e.g. `.startOfLine()​.then('http')​.maybe('s')`). Shreyas Minocha et al. [Everything You Need for Reliable End to End Test Automation](https://gauge.org/?utm_campaign=js_weekly&utm_medium=email&utm_source=js_weekly&utm_content=gauge-home&utm_term=) — Gauge + Taiko = Reliable browser automation for your JavaScript tests. Open source tools created by ThoughtWorks. Gauge sponsor [websocket-as-promised 0.10.0: A Promise-based API for WebSockets](https://github.com/vitalets/websocket-as-promised) — For both browsers and Node.js. Vitaliy Potapov [Deepmerge: A Library for Deep (Recursive) Merging of Objects](https://github.com/TehShrike/deepmerge) Josh Duff [eslint-config-prettier: Turns Off All ESLint Rules That Might Conflict with Prettier](https://github.com/prettier/eslint-config-prettier) Prettier **🚛 The "I still don't have enough to read and I want more" zone:** - A great [guide to optimizing the performance of Google Fonts](https://www.smashingmagazine.com/2019/06/optimizing-google-fonts-performance/), which I assume most of us are using somewhere. - A CodePen recreating [The Matrix's 'character rain' effect.](https://codepen.io/yuanchuan/pen/YoqWeR) I'd like to start a weekly list of great CodePens, actually, there are so many good ones.. - The [npm CLI](https://github.com/npm/cli) repo hasn't had a commit in three months. [Here's part of the reason why.](https://gist.github.com/aeschright/8ed09cbc2a4aee00fcb4ad35086d76a6) - Node is [faster than Python 3.](https://benchmarksgame-team.pages.debian.net/benchmarksgame/fastest/node-python3.html) - A [showcase of Google's Web performance tools](https://www.youtube.com/watch?v=mLjxXPHuIJo) ▶️ as they stand right now. - Want to see [if your Web site's IP is blocked in Russia?](https://isitblockedinrussia.com/) Many are. - Google Earth is [using WebAssembly to the max.](https://blog.chromium.org/2019/06/webassembly-brings-google-earth-to-more.html) _**P.S.** Did you know we're on Twitter as well? Follow us [@JavaScriptDaily](https://twitter.com/javascriptdaily)_ Curated by [Cooperpress](https://cooperpress.com/) and [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