Beating the JavaScript drum

No Comments

#​549 — July 30, 2021

Unsubscribe  |  Learn on the Net

JavaScript Weekly

Utilizing console.log() Debugging in Visible Studio Code — Utilizing the JavaScript debugger in VS Code you’ll be able to entry the browser developer instruments console proper contained in the editor. Very best in case you’re in that completely happy majority of console.log debuggers? 🙂

Christian Heilmann

Node v16.6.0 (Present) Launched — The most recent Node launch brings V8 9.2 to the social gathering which introduces Array.prototype.at. The inspector module (used to work together with the V8 inspector is now additionally thought-about secure.

Bethany Nicolle Griggs

Study the Fundamentals of Redux — Add scalable, production-ready state administration into your React app and prolong Redux’s skills with instruments like Reselect, Immer, and Redux Toolkit.

Frontend Masters sponsor

Yarn 3.0: What’s New within the Various JavaScript Dependency SupervisorYarn was born at Fb in 2016 in its place (and, on the time, enchancment) to npm. Each npm and Yarn have advanced since then, and the large bounce to Yarn 2 put some folks off. Yarn 3 is a smoother transition — right here’s the changelog.

Maël Nison

🥁  Drum Synthesis in JavaScript — The creator of Elementary, a system for constructing audio apps in JavaScript, exhibits off how he went about making a drum synth on high of it.

Nick Thompson

How Do Chrome Extensions Influence Browser Efficiency? — This report investigates how 1000 of the preferred Chrome extensions influence browser efficiency and end-user expertise.

Matt Zeunert

QUICK BITS:

Node.js has obtained a raft of fast safety releases to repair an http2 module associated vulnerability.

Google is introducing a brand new Firebase JavaScript SDK which is able to demand you replace your code.

A enjoyable take a look at content-aware picture resizing in JavaScript with seam carving.

Tadeu Zagallo of the JavaScriptCore staff at Apple shares some experiences on optimizing JS customary library capabilities within the WebKit JavaScript engine.

RELEASES:

prettier-eslint 13.0 – Format utilizing Prettier then eslint –fix
ws 8.0 – Node.js WebSocket shopper and server library.
Plotly.js 2.3 – JS information visualization library.
date-fns 2.23.0 – Fashionable JavaScript date utility library.
Recoil 0.4.0 – Experimental state administration for React apps.

💻 Jobs

Full Stack Utviklere — Visma søker utvikler i Norge eller Sverige. Avansert javascriptutvikling som minner mer om spillprogrammering enn tradisjonell koding.

Visma

JavaScript Developer at X-Crew (Distant) — Be a part of probably the most energizing group for builders and work on long-term tasks for Riot Video games, FOX, Sony, Coinbase, and extra.

X-Crew

Discover JavaScript Jobs with Employed — Create a profile on Employed to attach with hiring managers at rising startups and Fortune 500 corporations. It is free for job-seekers.

Employed

📖 Articles, Opinions & Tutorials

Gatsby Serverless Features and the Worldwide House Station — Many eyes have been set on reaching house currently, however Paul Scanlon is busy trying on the ISS and exhibits learn how to put collectively an app to trace its location on a 3D globe, all powered by React, Three.js and Gatsby’s Features platform.

Paul Scanlon

JavaScript’s ‘Forgotten’ Key phrase: with — I’m linking to this as a result of it’s an attention-grabbing appendage from JavaScript’s historical past that’s value understanding about in case you see it, however that it’s best to keep away from utilizing your self.

Randall X

How To Construct an E-Commerce Website with Angular 11 & Commerce Layer — Commerce Layer is a ‘commerce API for builders’ (kind of a headless Shopify, I assume) and this very in depth walkthrough covers integrating it with an Angular app of your personal.

Zara Cooper

The Definitive Information to Characteristic Administration

LaunchDarkly sponsor

NFC Involves the Net — NFC performance is now broadly out there on the {hardware} facet, with browser assist slowly gaining (for instance: Chrome for Android 91 now helps WebNFC). As such, Sven has been experimenting with the expertise and captured his ideas right here (together with a number of code examples).

Sven Haiges

On WebView2 and Electron — A proof of the distinction between WebView2, a Microsoft Edge-based management for embedding internet views into native apps, and what the Electron.js mission does.

Electron.js Crew

World vs. Native Styling in Subsequent.js — Approaching the subject of structuring CSS properly inside Subsequent-powered apps.

Alexander Dubovoy

Methods to Construct a Fashionable Procuring Website with Astro and Serverless Features

Cassidy Williams

Mocking the Modular AWS SDK for JavaScript (v3) in Unit Checks

Trivikram Kamat (AWS)

🛠 Code & Instruments

Dimension Restrict 5: A Efficiency Budgeting Instrument for JavaScript — Calculate the true value to run your JS app or lib to maintain good efficiency and lift an error in CI if the fee exceeded some outlined restrict. Helps ES modules and tree shaking.

Andrey Sitnik

Rapidly See Logs in LogDNA — The Node.js library enables you to ship logs out of your Node.js and JavaScript apps to LogDNA, the place they’re robotically parsed.

LogDNA sponsor

JSON Blob: Create, Edit, View, Format, and Share JSON On-line — A useful device in its personal proper, but it surely additionally has an API so might hook in additional locations than anticipated. Due to Simon Plenderleith for the tip right here.

Tristan Burch

JavaScript Cookie 3.0: A Easy API for Dealing with Browser Cookies — Browsers already provide an API for working with cookies, however this provides slightly extra abstraction. What’s new in v3.0.

Hartl, Brack, et al.

React-Monitoring 9.0: Declarative Monitoring for React Apps — I’m a giant fan of their crosswords, however the NY Occasions places out loads of code too.

The New York Occasions

Svelte Storm: An Attention-grabbing Open Supply Svelte IDE — It has a in-built state supervisor window for viewing what’s occurring in actual time.

OSLabs Beta

Tried. Examined. Trusted. Studio 3T – Energy Instruments for MongoDB — Intuitive IntelliShell. Generate JavaScript from queries. Reshape information with Reschema. Strive Studio 3T free for 30 days.

Studio 3T sponsor

Sift: MongoDB Type Queries for JavaScript Objects — I can’t fairly put my finger on the use case right here, however you’ll have one.

Craig Condon

IdB-Keyval 5.1: A ‘Tremendous-Easy-Small’ Promise-Based mostly IndexedDB-Powered Keyval Retailer

Jake Archibald

svelte-undo: A Small Utility for Managing an Undo Stack

Wealthy Harris

html-to-image: Generate Pictures from DOM Nodes utilizing Canvas and SVG

W.Y.

    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