#460 — October 25, 2019
JavaScript Weekly
The Problems of Shared Mutable State and How to Avoid Them — A deep dive from JavaScript maven Dr. Axel on mutable state, how it can cause problems when multiple entities wish to rely upon it, and how techniques like copying, non-destructive updates, and immutability can help. A lot to digest here, including plenty of advanced bits.
Dr. Axel Rauschmayer
Electron 7.0 Released — Another major release for the popular cross platform Chrome and JavaScript-powered desktop app platform. 7.0 brings Electron up to Chrome 78, V8 7.8, and Node 12.8.1 standards, and there’s a new nativeTheme API for working with changes to the OS’s theming/color scheme.
Electron Team
Explore the Code[ish] Podcast — A podcast from the team at Heroku, exploring code, technology, tools, tips, and the life of the developer. New episodes weekly.
Heroku sponsorpodcast
▶ 27 Talks from Nordic.js 2019 — Nordic.js is a JavaScript event that took place in Stockholm two weeks ago and the talks are ready for you to enjoy. Some highlights:
- Mark Volkmann on building apps with Svelte.
- Monica Wojciechowska on creating animated charts with D3 and React.
- Katie Fenn on memory management and garbage collection.
- Godfrey Chan on thinking in TypeScript.
NordicJS on YouTube
Node.js 13 Released; Node.js 12 Becomes Active LTS — Node 13 becomes the new ‘current’ version of Node (that gets all the new features first) and Node 12 joins 10 and 8 as an LTS (Long Term Support) release.
Node.js Foundation
Puppeteer 2.0 Released: Control Headless Chrome from Node — The popular ‘remote control’ for Chrome now uses Chromium 79, requires Node 8+, and includes new APIs for emulating timezones and media types. Screenshotting has also been improved.
Google Chrome Team
Quick bytes:
- The first release candidate of TypeScript 3.7 is out.
- React now has official pre-release channels if you like to live on the edge.
- The OpenJS Foundation has launched two new Node.js certifications.
- The creator of the JS13KGames contest shares the tale of how they got entrants to try out the Web Monetization API this year.
💻 Jobs
Software Engineer Frontend (f/m/d) — We are looking for an experienced Software Engineer Frontend (React) (f/m/d) to join our international team.
collect Artificial Intelligence GmbH
Senior Web Developer at Dr. Bill — Dr. Bill helps Canadian doctors save time by streamlining their billing. Help lead our team into the next phase of growth.
Dr.Bill
Have You Tried Vettery? — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.
Vettery
📘 Articles & Tutorials
Writing Asynchronous Tasks in Modern JavaScript — A good introduction to the idea of asynchronous execution (a fundamental concept in JavaScript) working through from legacy approaches through to modern examples with promises and async/await.
Jeremias Menichelli
Building a Typing Game with MelonJS — A cute look at using melonJS, a Canvas-based game engine, to build a simple game. We used to link to a lot of fun tutorials like this in the early days but they seem less common now.
Fernando Doglio
Build Video in Just Two API Calls — Mux Video is an API-first platform, powered by data and designed by video experts to make beautiful video possible for every development team.
Mux sponsor
Formatting JavaScript Dates with Moment.js
Valeri Karpov
How to Implement Redux in 24 Lines of JavaScript — Redux itself started as a very small library so it’s reasonably trivial to recreate its basic features quickly as a way to learn more about what’s involved.
Yazeed Bzadough
How to Build a Tic Tac Toe Game with Svelte — You don’t just get one game building tutorial this week, you get two!
Akshay Kadam
Free Download: Results from Our Video Developer Survey 2019
Bitmovin sponsor
Svelte vs React: Some First Impressions
Murat Catal
Philip Walton
🔧 Code & Tools
Peaks.js: Interact with Audio Waveforms — A client-side JavaScript component to display and interact with audio waveforms in the browser. Here’s the repo.
Indrek Lasn
μPlot.js: A Fast, Tiny Time Series Chart Library — This is for when you have a lot of data to plot quickly: "from a cold start it can create an interactive chart containing 150,000 data points in 40ms."
Leon Sorokin
The Most Complete Spreadsheet Solution for JavaScript Apps - SpreadJS — Fast enterprise JavaScript spreadsheet for delivering true Excel-like spreadsheet experiences. Download free eval.
SpreadJS by GrapeCity sponsor
Mermaid: Generate Diagrams and Flowcharts From Text — Write out your diagrams and flowcharts in a plain text, Markdown-esque way, and get nice graphics out.
Knut Sveidqvist
RxDB: A Realtime Database for JavaScript Applications — You can query the current state but also subscribe to state changes, making it useful for UI-based apps where you want live/real-time updates. It’s not new but it’s had a solid stream of releases recently.
pubkey
⚡️ Quick Releases
- React 16.11.0
- Ghost 3.0 — Node-powered blog platform.
- Relay 7.0 — Declarative GraphQL data fetching for React.