Issue 453 - Firefox 69, and a thorough introduction to D3.js (32)

How to Build a Search App for Unsplash with Svelte 3 — Use Svelte 3 and the Intersection Observer API to build a basic search tool for the Unsplash stock photography collection.

Jimp: Image Processing in Node with No Native Dependencies — Want to get your resizing, cropping, color manipulation, or dithering on without any external dependencies?

An Introduction to D3.js — A fantastic, well presented introduction to D3, a popular JavaScript-based data-visualization library, and its ecosystem of modules.

Firefox 69 Released; Now Supports Public Instance Fields (and More) — Firefox 69 went out on the main Release channel this week and for JS developers, the inclusion of public instance fields will be of interest. The Resize Observer API and the Microtasks API are now also available to use and the JS debugger has gotten many improvements too.

Image & Video Management Made for Developers — Simplify and automate the process of uploading, manipulating, optimizing, and delivering images and videos across every device at any bandwidth. Try Cloudinary. See how easy media management can be. Get your own free account today.

Apple Just Shipped Web Components to Production and You Probably Missed It — Apple just launched a Web-based client for their Apple Music service and several developers noticed what tech they’re using to make it tick (namely Ember, Web Components, and Stencil JS).

▶  21 Talks from React Rally 2019 — The React Rally event took place in Salt Lake City just two weeks ago but already lots of the talks are up and ready to watch.

A Google Developer's Feedback on TypeScript — “We recently upgraded Google to use TypeScript 3.5. Here is some feedback on the upgrade.” We also learn Google only uses a single version of TypeScript that’s updated for everyone simultaneously.

Using void in JavaScript and TypeScript — void means rather different things in JS and TypeScript and does some things I hadn’t expected too.

Work with Giant, Caged Robots, and Node.js; Senior Developer, London — So, about the robots: They live in cages, travel at 60mph, and they’re controlled via AMQ messages from a Node-based Warehouse Management System.

5 Handy Applications of Array.from() — Array.from() transforms array-like objects to arrays and can be used to generate ranges, remove duplicates, and clone arrays.

Creating Drag and Drop Elements with Vanilla JavaScript and HTML — I remember when this used to be really complicated to do, but the HTML Drag and Drop API helps a lot nowadays.

Debugging TypeScript in Firefox DevTools — Firefox Debugger has evolved a lot in the last several months and while it’s well suited for working with JavaScript, it’s possible to debug TypeScript too thanks to source maps. Here’s a basic example.

Simplify Your JavaScript with .some() and .find() — If you haven’t revised the array methods in recent years, you might be missing out and reinventing the wheel in your code.

Creating a Simple JavaScript Obfuscator — Obfuscating a language that’s ultimately run in an interpreted style can often seem like a pointless endeavor, but it’s neat to see the process adopted here.

▶  Discussing Functional Programming with Brian Lonsdorf — A 45 minute podcast chat about the fundamentals of functional programming and comparisons with object oriented approaches.

An App Security Expert's POV on Dependency Management — An application security expert’s point of view over what practices you should be adopting on your own projects.

Bitmelo: An Online Environment for Creating JavaScript Games — It’s early days for this interesting project, but it’s basically an online sandbox geared to creating and working on simple JavaScript games, complete with tile, sound, map, and code editors.

Cytoscape.js: A Graph Theory/Network Library for Visualization and Analysis — Handy if you need to model and/or visualize relational data, like biological data or social networks.

Angular Tools for High Performance — Contains a list of new tools and practices that can help in the building of faster Angular apps and to monitor their performance over time.

instant.page 2.0: Preload Link Target Pages ASAP — You include some JavaScript in your page and the browser will begin to preload the destination page the second someone clicks on a link. This can result in a slight, but noticeable, performance increase.

SpaceTime: A Timezone Library with No Dependencies — Supports daylight savings, leap years, and hemispheres, and lets you calculate times in different timezones.

vue-treeselect: A Multi-Select Component for Vue.js with Nested Options Support — There’s a lot of documentation and examples to enjoy here.

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.