Svelte for the experienced React developer

#​541 — June 4, 2021

Unsubscribe  |  Read on the Web

JavaScript Weekly

Making JavaScript Run Fast on WebAssembly— Twenty years ago, JavaScript had a reputation of being rather slow but a huge amount of time, money and research went into making it incredibly fast in the browser. Now, the Bytecode Alliance is supporting work to do the same with optimizing performance in new environments opened up by WebAssembly. Lin illustrates what’s going on in her usual easily understood style.

Lin Clark (Bytecode Alliance)

Svelte for the Experienced React Dev— Svelte distinguishes itself from other frameworks by gaining efficiency with build time (as opposed to run time) compilation to vanilla JS. This walks through the basics with a React-leaning eye.

Adam Rackis

Couchbase Is the SQL-Friendly, NoSQL JSON Document Database— Couchbase has integrations available for Spring, Node, ASP.NET, and more. Read and write your data with a fusion of NoSQL flexibility and SQL familiarity. Check out developer.couchbase.com today for sample apps and tutorials.

Couchbase sponsor

▶  The History of Angular with Misko Hevery— The original developer of Angular talks about the history of the framework. 37 minutes.

Angular Rocks Podcast podcast

Quick Bits

• Chrome 92 is out in beta and the File Handling API now lets your PWAs define file handlers (origin trial only for now), V8 9.2 is included too with numerous JavaScript enhancements.
• Chrome 92's DevTools are looking sharp too. As well as a CSS Grid editor, consts can now be redeclared if you're working in the console.
• A look at the stage 3 Array.prototype.at proposal led to some discussion on Hacker News.
• After only a brief moment in the sun, Node.js 15 has gone 'end of life.' Upgrade to Node 16 ASAP. Node has also just turned 12 years old 🎂
• The Google Maps JavaScript API has some new powerful WebGL-powered functionality if you want to tilt, rotate, or work with 3D structures on your maps.

Releases

Node v16.3.0— Runner of the codes.
Electron 13— Build desktop apps with Node 14.16 and Chromium 91.
Acorn 8.3— Pure JS JavaScript parser.
Forever 4.0— CLI app to run a script forever.

📖 Articles, Opinions & Tutorials

Getting Started with webpack— If you’re already working with webpack, scroll on by, but otherwise this is a reasonable beginner-oriented introduction to the main concepts.

Nwani Victory (Smashing Magazine)

State Management in Vue 3 Applications with Vuex— A practical introduction (based around a e-commerce style example) to modern state management in a Vue 3 app.

Fikayo Adepoju

An Introduction to WebAssembly for JavaScript Developers— Less a conceptual intro and more a code-driven recipe book, this guide jumps right into loading bytecode, passing values back and forth, and working with buffers.

Pascal Pares

The Modern Guide to OAuth— This guide is based on our experience building FusionAuth, an OAuth server that has been downloaded over 5 million times.

FusionAuth sponsor

An Introduction to Trigonometry with CSS and JavaScript— A three-part overview of trigonometry, understanding how it can be useful, and diving into some creative applications in CSS and JavaScript.

Michelle Barker

▶  A Chat with TC39 Delegate Daniel Ehrenberg— It’s not an official TC39 podcast, but it might as well be. Hemanth talks to Daniel Ehrenberg who’s worked on numerous ECMAScript proposals (such as the Decimal proposal).

TC39er Podcast podcast

How to Use Pivot Tables with SpreadJS— SpreadJS is a commercial JavaScript spreadsheet control, but it’s interesting to see what sort of functionality you can get.

Mackenzie Albitz

How To Create User Interactions with Events in Vue
Dave Berning

▶  Using Async, Await, and Promises in Express.js
Beyond Code Workshop

Using the X-Amzn-Trace-Id Header For Request Tracing Through Amazon's Load Balancers
Ben Nadel

How to Memoize with React.useMemo()
Dmitri Pavlutin

D3Funnel 2.0: A Library for Rendering Funnel Charts using D3.js— Useful if you want to represent values as a process passes through various stages, say.

Jake Zatecky

Jsonmatic: Transform CSV Data into JSON— A simple online tool for uploading a CSV file and getting some JSON back.

Erik Martín Jordán

Breakpoints and console.log Is the Past, Time Travel Is the Future— 15x faster JavaScript debugging than with breakpoints and console.log.

Wallaby.js sponsor

ts-audio: Work with AudioContext More Easily— Want a demo complete with code? Here you go. You can create audio playlists too.

Evandro Leopoldino Gonçalves

PLV8 3.0: V8 JavaScript, But for Postgres— JavaScript in the browser, on the server.. but what about inside your Postgres database? PLV8 brings the power of JavaScript into Postgres functions by way of this extension which has just hit a new major version.

plv8 team

Handsontable 9.0: A Mature Data Grid That Feels Like a Spreadsheet— Plain JavaScript, Vue, Angular, React - it works with them all (demo). Note that it’s dual licensed, so is only free for evaluation or non-commercial use. GitHub repo.

Handsoncode

Svelte-Motion: Animation Library for Svelte based on Framer Motion— An animation library for Svelte apps based on Framer Motion. Still in beta but the homepage itself shows off some of the functionality.

Michael Lucht

[Free Download] Guide to Effective Feature Management

LaunchDarkly sponsor

ethers.js: Complete Ethereum Library and Wallet Implementation in JS
ethers-io

useStateMachine: The ½KB State Machine React Hook
Cassio Zen

A Vue 3 Starter App with Vite, TypeScript, ESLint and Prettier
Jenyus