--- title: "How you're in the 1.4%" publication: "JavaScript Weekly" issue: 536 published_at: "2021-04-30" canonical_url: "https://javascriptweekly.com/issues/536" --- Plus Babel 7.14.0, bye IE 11, the future of Node, and building JS apps inside Go programs. | #​536 — April 30, 2021 [Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/536) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/y9bxdesrkyhe3vwaxdyv.jpg)](https://babeljs.io/blog/2021/04/29/7.14.0) [Babel 7.14.0 Released](https://babeljs.io/blog/2021/04/29/7.14.0) — Here's what's new with everyone's favorite JavaScript compiler/transpiler: - [Class fields](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Public_class_fields) and [private methods](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Private_class_fields) enabled by default. - [`async do` expression](https://github.com/tc39/proposal-async-do-expressions) support (currently stage 1). - `importInterop: node` setting to produce dual modules (ESM and CommonJS). Babel Team ▶[What's Next? The Future of Node.js](https://www.youtube.com/watch?v=vrnToZP47Ro) — A 27-minute session by Red Hat and IBM’s Joe Sepi, Michael Dawson and Bethany Griggs on tracking what’s coming up in the Node world, Node’s future (though Beth reminds us _“there is no roadmap”_) and how you can get involved if you so wish. NearForm [![\](https://copm.s3.amazonaws.com/9cfdd85d.png)](https://buttercms.com/react-cms/?utm_source=javascriptweekly&utm_medium=email&utm_campaign=numberone) [ButterCMS Melts into Your React App. #1 Rated Headless CMS](https://buttercms.com/react-cms/?utm_source=javascriptweekly&utm_medium=email&utm_campaign=numberone) — ButterCMS is the #1 rated Headless CMS for React. Enable your marketing team to manage content w/ our easy to use dashboard. Fast content API for modern apps. Secure. Scalable. Less Code. Try free today for 30 days. ButterCMS sponsor [Redux 4.1 Released](https://github.com/reduxjs/redux/releases/tag/v4.1.0) — It’s not a _huge_ release for [the popular state container](https://redux.js.org/) but the bundle size is down almost 40% and error messages are improved. You may also be intrigued in [the first 1.6.0 alpha](https://github.com/reduxjs/redux-toolkit/releases/tag/v1.6.0-alpha.1) of Redux Toolkit which integrates RTK Query, a data fetching and caching library built for Redux. Mark Erikson Quick Bits - Slashdata, a UK based developer research firm, says [JavaScript is the most popular programming language](https://www.zdnet.com/article/programming-languages-javascript-has-most-developers-but-rust-is-the-fastest-growing/) with an estimated 12.4 million developers. **So.. as a _JavaScript Weekly_ reader, you are in the 1.4% 😄** - [Vue 3 dropped IE 11 support](https://twitter.com/WebReflection/status/1387709643670048769), so is Preact and [Angular too](https://github.com/angular/angular/issues/41840). Bye IE 11 - at 7½ years old, it's about time. - It's still early days but the [HTML Sanitizer API](https://wicg.github.io/sanitizer-api/) is a proposed API for sanitizing untrusted strings of HTML client side. - Guy Bedford was on the [▶️ TC39er podcast,](https://tc39er.us/posts/episode-10-guy-bedford/) a show that interviews folks associated with TC39. Releases [RxJS 7.0](https://rxjs.dev/) — Reactive extensions for JavaScript. [Next.js 10.2](https://nextjs.org/blog/next-10-2) — The React framework. [Strapi 3.6](https://strapi.io/blog/announcing-content-internationalization-v3-6) — Headless CMS, now with i18n. [Replay 3.0](https://github.com/vimond/replay) — React video player component. [neo.mjs 2.0](https://itnext.io/the-webworkers-driven-ui-framework-neo-mjs-version-2-release-announcement-b91b476d6f16) — WebWorker-driven UI framework. [Chart.js 3.2](https://www.chartjs.org/) — HTML5 charting library. 💻 Jobs [Software Engineer, Full Stack (Ruby/Rails)](https://grnh.se/c4f3a3311us) — Doximity is looking for passionate software engineers to make high-quality contributions to modern, production web applications. Doximity [JavaScript Developer at X-Team (Remote)](https://x-team.com/remote-javascript-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=js) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more. X-Team [Find Software Engineering Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-javascriptweekly%29&utm_content=find-your-next-job) — Take 5 minutes to build your free profile & start getting interviews for your next job. Companies on Hired are actively hiring right now. Hired 📖 Articles, Opinions & Tutorials [The Lazy-Loading Property Pattern in JavaScript](https://humanwhocodes.com/blog/2021/04/lazy-loading-property-pattern-javascript/) — Deferring computationally expensive operations until needed is (nearly) always a win. Plus, it’s always a pleasure to see one of the longest standing names in the JavaScript space blogging. Nicholas C. Zakas [Building Portable Apps with Go(lang) and Next.js](https://v0x.nl/articles/portable-apps-go-nextjs) — It’s not often we get to see Go and JavaScript come together, but the idea here is that you can use Go’s new static embedding functionality to build a self-contained Go app that serves a Next-powered app all in one. David Stotijn [How to Securely Implement OAuth in Vue.js- Up and Running in < 1 Hour](https://fusionauth.io/blog/2020/08/06/securely-implement-oauth-vuejs/?utm_campaign=jsweekly&utm_source=email) — In this tutorial, you'll learn how to use an OAuth server (FusionAuth) to securely authenticate and authorize users. FusionAuth sponsor [How to Use ECMAScript Modules in Node](https://dmitripavlutin.com/ecmascript-modules-nodejs/) — Even the [Node docs](https://nodejs.org/api/esm.html) note that ES modules are the ‘official standard format’ for packaging and reusing JavaScript code, and with more developers [switching from CommonJS to ESM](https://blog.sindresorhus.com/get-ready-for-esm-aa53530b3f77), it’s time to look at what’s involved. Dmitri Pavlutin [Using Asynchronous Web APIs from WebAssembly](https://web.dev/asyncify/) — Learn how to invoke asynchronous web APIs when compiling traditionally synchronous languages to WebAssembly. Ingvar Stepanyan [A webpack Tutorial for Beginners: A Step-by-Step Guide](https://www.codeinwp.com/blog/webpack-tutorial-for-beginners/) — If you’ve tried other bundler options but haven’t looked into webpack (maybe because of the bigger learning curve), this introductory tutorial might be a good starting point. Louis Lazaris [Techniques for Modeling Permissions as Types in Typescript](https://spin.atomicobject.com/2021/04/26/modeling-permissions-types-typescript/) — TypeScript makes it easy to eliminate potential sources of error. Here’s how a developer has been doing this with permissions checking. Drew Colthorp ↑ And if you like this sort of thing, [Really Advanced TypeScript Types](https://engineering.tableau.com/really-advanced-typescript-types-c590eee59a12) from Rick Weber at Tableau might also be up your street. :-) ▶[Building a Realtime Chat App with React, Node.js, and Socket.io](https://www.youtube.com/watch?v=HggSXt1Hzfk) — The end result looks a lot like Facebook Messenger. Lama Dev [From JavaScript to Paper: A Linocut Adventure](https://meowni.ca/posts/tree-rings/) — Few articles combine JavaScript with ‘murderous little knives’ but Monica delivers with this fun look at how she uses code to create art (_which you can buy_). Monica Dinculescu [Observability Won’t Replace Monitoring (Because It Shouldn’t)](https://go.lightstep.com/register-observability-replace-monitoring-co?utm_campaign=js&utm_source=cooper&utm_medium=Email) Lightstep sponsor [You Can Label a JavaScript `if` Statement](https://css-tricks.com/you-can-label-a-javascript-if-statement/) — Labels are a longstanding JS feature that tend to be forgotten (for good reason) and even the author says _“you can lead a very fulfilling career without ever knowing that this exists.”_ Nonetheless.. Alex Riviere [21 Best Practices for a Clean React Project](https://t.co/foz0nkgTUb?amp=1) — Specific techniques, each illustrated with a code snippet, all intended to improve the quality of your code. Mohammad Faisal [Detecting Multiple Key Keyboard Shortcuts from JavaScript](https://www.amitmerchant.com/creating-keyboard-shortcuts-combination-keys-javascript/) — There are libraries for doing this too, such as GitHub’s own [hotkey](https://github.com/github/hotkey). Amit Merchant [Voice-Enabling an Angular App with Wake Words](https://medium.com/picovoice/voice-enabling-an-angular-app-with-wake-words-dae4c9f26f9f) — Using the Web Speech API. David Bartle 🛠 Code & Tools supported by [![Okta\](https://res.cloudinary.com/cpress/image/upload/v1602154330/de7dtktheistsfpqdem4.png)](https://developer.okta.com/?utm_campaign=newsletter_cooperpress_all_multiple_inc_dev_sponsored-section_null&utm_source=cooperpress&utm_medium=cpc) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/huer5bko17tufdpy8yrh.jpg)](https://quicksnippets.dev/?category=javascript) [QuickSnippets: Categorized Code Snippets Sourced from Tweets](https://quicksnippets.dev/?category=javascript) — Nicely laid out, searchable, and categorized for easy filtering. Note that the snippets are generally in images, so not very accessible, but it’s a nice selection. QuickSnippets [Scribbletune 4.0: Use Strings and Arrays to Create Rhythms and Musical Patterns](https://github.com/scribbletune/scribbletune) — Then export your creations as MIDI files. Scribbletune [Book a Demo. Ship Fast. Rest Easy. LaunchDarkly](https://learn.launchdarkly.com/demo/?utm_source=cooperpress&utm_medium=display&utm_campaign=21q1-cooperpress) — Testing in production? It's scary until it's not. Control your code. Ship fast. Reduce risk. Reclaim your life. LaunchDarkly sponsor [js-tokens 7.0: A Tiny JavaScript Tokenizer](https://github.com/lydell/js-tokens) — A regex powered ‘almost spec-compliant’ JS tokenizer. Simon Lydell [Slide Element: Async Functions for Hiding and Showing Elements](https://alexmacarthur.github.io/slide-element/) — [GitHub repo](https://github.com/alexmacarthur/slide-element). Alex MacArthur [Compodoc: The Missing Documentation Tool for Your Angular App](https://compodoc.app/) Vincent Ogloblinsky 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