Vue.js 3.1 launched

No Comments

#​542 — June 11, 2021

Unsubscribe  |  Learn on the Internet

JavaScript Weekly

Introducing Astro: Ship (Even) Much less JavaScript — From the creator of Snowpack and Skypack comes a brand new ‘carry your individual framework’ static website builder the place the location is rendered to static HTML and solely masses JavaScript as-needed utilizing an “islands structure” to permit partial hydration. It is all the time enjoyable to see these people experimenting with how we method issues. Eager to be taught extra? This 50 minute discuss + stay demo helps a lot.

Fred Okay. Schott

The Plan for React 18 — The React crew has outlined some thrilling issues on the roadmap for React 18 (due in its closing type in ‘a number of months’ time’):

Cassidy Williams has written an accessible ‘Now what?’ introduction.
The first alpha of React 18 is on the market – it is not for manufacturing use.
A brand new Suspense-based server aspect rendering structure.
A Transitions API for preserving an app responsive even throughout massive updates.
The launch of a React 18 Working Group to allow invited members of the group to work together with the React crew extra immediately by way of these public discussions.

The React Core Staff

Study to Construct Scalable React Apps — Brian Holt covers the newest instruments within the React ecosystem like TypeScript, TailwindCSS, Redux, Jest, and extra on this new and up to date video course!

Frontend Masters sponsor

Introducing Chrome’s New Reminiscence Inspector — Touchdown in Chrome 91’s DevTools is the brand new reminiscence inspector with which you’ll examine your ArrayBuffer, TypedArray, DataView, and even WebAssembly Reminiscence.

Kim-Anh Tran (Google)

Vue.js 3.1.0 (Pluto) Launched — There’s now the migration construct, a construct of Vue 3 that gives Vue 2 appropriate habits to assist with Vue 2 to three migrations. Cédric Exbrayat rounds up some different 3.1 additions right here.

Vue.js Staff

Fast Bits

There is a new Visible Studio Code launch — the JavaScript debugger now integrates with the Microsoft Edge DevTools to offer a DOM, type, and community inspector.
For those who construct extensions for Chrome, you may wish to take a look at the brand new chrome.scripting API.

The Playwright mission has launched Playwright Check, a brand new take a look at runner for parallel multi-browser exams. Playwright Hint Viewer can then allow you to discover recorded take a look at traces afterward.


use-sound 4.0 — React hook for sound results.
Cypress 7.5.0 — Testing system.
Ghost 4.7.0 — Headless Node.js CMS / running a blog system.
QUnit 2.16.0 — Straightforward JavaScript testing framework.
Plotly.js 2.0

💻 Jobs

Frontend Developer at MIT (Distant, Contract to Full-Time) — Are you a frontend developer with React and UX abilities? Be a part of our crew at MIT constructing a brand new platform for the vitality trade.

MIT Vitality Initiative

JavaScript Engineer — Be a part of our “kick ass” crew. Our software program crew operates from 17 nations and we’re all the time on the lookout for extra distinctive engineers.

Sticker Mule

Discover Software program Engineering Jobs with Employed — Take 5 minutes to construct your free profile & begin getting interviews in your subsequent job. Firms on Employed are actively hiring proper now.


📖 Articles, Opinions & Tutorials

Implementing Non-public Fields for JavaScript — Though you is perhaps utilizing them already by way of Babel or TypeScript, non-public fields are a function being added to JavaScript immediately by way of the TC39 proposal course of.

Matthew Gaudet

Making a Serverless Operate to Scrape Internet Web page MetadataMetascraper is a Node.js package deal for scraping metadata from stay internet pages and this tutorial demonstrates its use by way of a Vercel hosted operate.

Matteo Mazzarolo

[Free Download] Information to Efficient Function Administration — Study function administration practices to speed up launch cycles and deploy each 6 hours, as a substitute of each 6 weeks.

LaunchDarkly sponsor

▶  Exploring Deno Land 🦕 with Ryan Dahl — Ryan Dahl, the unique creator of Node.js creator and now creator of the Deno runtime, went on the favored Changelog podcast to speak about how the success of Node modified his life and what led him to creating Deno.

The Changelog Podcast podcast

Managing Shared State in Vue 3 — Writing large-scale Vue functions is usually a problem. On this article, Shawn Wildermuth dives into the professionals and cons of approaches like factories, shared objects, and utilizing Vuex. He additionally explains what’s coming in Vuex 5.0 which may change how all of us use shared state in Vue 3.

Shawn Wildermuth

Rust from a JavaScript Perspective: A Tongue-in-Cheek Tour“I’m documenting – albeit in a bit humorous method – some ideas in my journey up to now in Rust land, coming from the perspective of a hardcore JavaScript fanatic.”


Why Tracing May Change (Virtually) All Logging

Lightstep sponsor

How To Construct a Geocoding App with Vue.js and Mapbox

Prince Chukwudire

Ten Suggestions for Constructing Extra Accessible Angular Apps

Emma Twersky (Google)

Do not Use Features As Callbacks Until They’re Designed for It

Jake Archibald

🛠 Code & Instruments

supported by

Handsfree.JS: Carry Face, Hand or Pose Monitoring to Your Frontend Apps — Monitor as much as 4 palms directly (greater than I’ve acquired, not less than), 21 ‘landmarks’ for a single hand, and even faces and our bodies intimately. I’m additionally digging the somewhat retro homepage. GitHub repo.

Oz Ramos

Mocha 9.0 Launched: The Standard JavaScript Check Framework — Mocha has been a preferred go-to take a look at framework for each Node and the browser for years. 9.0 drops Node 10.x assist and goes ‘ES modules first’ through the use of ESM import somewhat than CommonJS require to load take a look at recordsdata by default.


Flicking 4.0: A Carousel Part with 30M Every day Customers — Naver, a South Korean portal and search engine, claims 30 million folks use their carousel part daily. Works with Angular, React, Vue and Preact.


[New] Free JavaScript Code High quality & Safety Scanner – Actual‑Time Scan — Like Grammarly in your code. Scan your JavaScript code for high quality & safety points, and get repair recommendation in your IDE.

Snyk sponsor

FlexSearch.js 0.7.0: A Full Textual content Search Library with No Dependencies — Claims to outperform its competitors whereas supporting options like multi-word matching and phonetic transformations. Glad in each the browser and Node.js.

Nextapps GmbH

PM2 5.0 Launched: The Manufacturing Course of SupervisorPM2 is a well-liked course of supervisor and cargo balancer for lengthy working Node.js apps. 5.0 is a major launch including a brand new native system monitoring function for monitoring metrics like CPU and reminiscence use.

Alexandre Strzelewicz

Naive UI: A Vue 3 Part Library — I kinda respect it describes itself as “not too sluggish” and “kinda attention-grabbing”(!)


Nanostores: A 152 Byte State Supervisor for React/Preact/Vue/Svelte with Many Atomic Tree-Shakable Shops

Andrey Sitnik

Angular Flex-Structure: A Refined Structure API for Angular utilizing Flexbox Media Queries


🎵 And one for enjoyable..

RxJChess: A Chess Recreation Constructed on React, Redux and RxJS — You may play towards the CPU and even discover a good friend. Performs fairly effectively. When you’ve had sufficient of shedding (or is that simply me?) it’s also possible to take a look at the supply.

Prashanth Selvam

    About Marketing Solution Australia

    We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

    Request a free quote

    We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

    Subscribe to our newsletter!

    More from our blog

    See all posts

    Leave a Comment