Posted on

Vue Components as Custom Elements with Vue 3.2

#​551 — August 13, 2021

Unsubscribe  |  Read on the Web

JavaScript Weekly

Vue 3.2 Released — Some new features for single file components, significant perf improvements, and it’s now easy to define native custom elements with defineCustomElement (learn more about this in Vue Components as Custom Elements – this could be a big deal for many).

Evan You

‘JavaScript Needs More Helper Functions for Iteration’ — Many languages have a plethora of functions or methods for iteration, but many of JavaScript’s options came late and scoped to particular data types (such as Array’s new methods in ES6) and Axel thinks we need to go a lot further while comparing a variety of approaches.

Dr. Axel Rauschmayer

Get Started with JavaScript and InfluxDB 2.0 — How-to guide to monitor your JavaScript application performance and create beautiful web-based visualizations with InfluxDB time series platform.

InfluxData sponsor

V8 Release v9.3 — Recent V8 releases have been reasonably lean on new features, and so it goes with 9.3 which mostly gets faster compilation, Object.hasOwn (an alias for Object.prototype.hasOwnProperty.call), and the ability to attach error ‘causes’ to Error instances. It’s in beta until Chrome 93 (due in the coming weeks) and will appear in Node.js soon too.

Ingvar Stepanyan

Next.js 11.1 Released — The popular React framework takes a few steps forward with experimental ES modules support, a new integration with swc to ultimately replace JS tooling (Babel and Terser), faster data mapping and source maps, and more.

Vercel

QUICK BITS:

The first release candidate of TypeScript 4.4 has been released with support for declaring types that can be keyed on arbitrary symbols, static blocks in classes, performance improvements, and more.

Code House claims to be the ‘world’s biggest storehouse’ of developer cheatsheets.

Firefox 91 has added support for the Visual Viewport API by default and new formats for Intl.DateTimeFormat.

Developers have been sharing the strangest domain names they’ve bought – we all have a few domain skeletons in the closet, right?

Using JavaScript to ▶️ fly a drone with your mind.

A look at the new JavaScript and TypeScript dev experience in Visual Studio 2022 Preview 3 (no, not VS Code!)

RELEASES:

Node.js 16.6.2, 14.17.5, and 12.22.5
Solid 1.1.0 – A declarative UI library worth investigating.
ws 8.1.0 – Node WebSocket client and server library.
octokit.js 1.4.0 – GitHub SDK for Node, browsers and Deno.
React Date Picker 4.2 – Simple date-picker component (demo).
Ember.js 3.28.0 – The long standing framework.
react-markdown 7.0 – Markdown component for React.
Aurelia 2 Alpha 16

💻 Jobs

Frontend Engineering Positions – Remote 🏖 — Passion for React & GraphQL? Join our product team in building a super fast headless eCommerce service developer love.

Crystallize

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

Find JavaScript Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.

Hired

📖 Articles, Opinions & Tutorials

How to Build Force Directed Graphs with React and D3 v7 — A step-by-step build from no movement to the ‘full bells and whistles’ complete with code sandboxes to play with.

Swizec Teller

Making a Web Worker Optional — A generic approach to make the creation of an extra Web Worker optional when one isn’t strictly needed.

Tobias Uhlig

Improving Responsiveness in Text Inputs — requestIdleCallback to the rescue in not running code immediately on every character change.

Nolan Lawson

Building React Components For Any Front End — React might not be as widely used so we decided to create custom components that work in any frontend setup with any UI.

Courier sponsor

▶  Learning MongoDB by Building a Project — This was a livestream so is slow paced but it’s also thorough and real and a nice look at how real developers approach building apps using Node, Next.js, and MongoDB’s hosted Atlas service.

Florin Pop and Jesse Hall

A Quick Refresher on JavaScript Callbacks and Promises

Lydia Cupery

Choice Words about the Upcoming Deprecation of JavaScript Dialogs

Chris Coyier

<Lazy> Rendering in Vue to Improve Performance

Martin Malinda

An Old Hacker’s Tips on Staying Employed

Mad Ned

🛠 Code & Tools

Introducing MIDIVal: The Easiest Way to Interact with MIDI in Your Browser — Despite being 40 years old, the MIDI protocol is still heavily used by, and hugely valuable to, musicians. MIDIVal is a higher level abstraction for working with MIDI from JavaScript. Getting started tutorial.

Kacper Kula

Deno 1.13 Released — The ‘server-side runtime that isn’t Node’ (but comes from the same initial creator!) has received a release with a ton of small enhancements, including its native HTTP server API going stable, language server improvements, more TLS customization options, and integrating V8 9.3.

The Deno Team

The Data API with Native GraphQL and JavaScript Support — Create a document database with an API that handles scaling, sharding and other operationally intensive tasks for you.

Fauna sponsor

JSZip: Create, Read and Edit .zip Archive Files — Yes, it even works in all major browsers (see the demo). GitHub repo.

Stuart Knightley

styled-jsx 4.0: Full CSS Support for JSX Without Compromises — Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client).

Vercel

HyperFormula: An Excel-Like Calculation Engine Written in TypeScript — Provides a way to add spreadsheet style calculations to your webapps. Do note it’s GPLv3 licensed (or commercial) though.

Handsontable

http-server: A Simple Zero-Conf Command-Line HTTP Server — A lot more configurable (if you wish) than other simple command line HTTP servers.

Robbins, Squires, et al.

Book a Demo. Ship Fast. Rest Easy. LaunchDarkly

LaunchDarkly sponsor

Hora: Efficient Approximate Nearest Neighbor Search Algorithms — This isn’t a JavaScript project but a Rust one. It targets WebAssembly, though, so can be used from JavaScript as seen in the demos on the homepage.

Hora-Search

FormVueLate: Vue Schema-Driven Form Generation

Marina Mosti

Leave a Reply

Your email address will not be published. Required fields are marked *