#396 — July 27, 2018
Read on the Web
Also, if you want to submit articles or libraries for us to consider use this submissions form or just hit reply 🙂 Thanks!
— Peter Cooper, editor
Logging Activity with the Web Beacon API — The Beacon API is a Web API (supported by all major browsers) that provides an efficient way for data to be asynchronously sent from a page back to a server for logging purposes.
Ionic 4 Beta Released: Build Native Apps with Web Tech — The beta release of Ionic 4, a framework for building native apps and PWAs with Web technology, has just landed. 4.0 marks the first version to completely embrace modern Web APIs such as Custom Elements, CSS Variables and Shadow DOM, plus it’s framework-agnostic at its core.
Developer Tools for Every Customer Session – New in FullStory — Your browser developer tools are now available for site sessions other than your own. Easily understand performance issues thanks to page speed metrics, network analysis, downloadable HAR files, and comprehensive stack traces on all your visitors’ sessions.
ndb: An Improved Debugging Experience for Node — Run your Node code with ndb and get extra, powerful Node debugging features right in Chrome’s DevTools including editing files and setting breakpoints before modules are loaded.
Google Chrome Labs
GitHub Finishes Removing jQuery From Its Web Frontend — And they’ve replaced it with.. no specific framework, but judicious use of querySelectorAll, custom elements, polyfills, etc.
Mislav Marohnić on Twitter
SimpleDataTable: A Simple Data Table Control with No Dependencies — Examples. Significantly lighter than the TUI Grid we linked last week.
Lead Engineer (Boston) — Work with smart devs and designers to solve meaningful problems for great clients. React, Vue, Gatsby, WordPress, Craft, and more.
📘 Tutorials and Opinions
Redux vs. the React Context API — How the new context API in React 16.3 works compared to Redux and why you’d choose one over the other. More like this in today’s React Status newsletter.
Adding Particle Effects to DOM Elements with Canvas — A neat tutorial showing how to create a striking HTML-to-particle effect.
A Crash Course on Serverless APIs with Express and MongoDB — A really detailed look at running Express (the Node.js webapp library) in a serverless context.
Want to Know More About Ubuntu 18:04? DigitalOcean Can Help — DigitalOcean offers tutorials, projects and answers to your questions about Ubuntu 18:04.
Hello Vue: A Quick Tutorial on Getting Started with Vue — A quick tutorial on getting started with Vue that includes the use of a component from the Kendo UI library of Vue UI components.
Building ‘Renderless’ Vue Components
Crafting a Better User Experience During API Requests
Why the New V8 is So Darn Fast
Free Video Course: How to Upgrade Cordova Applications to Native
Flow Control in Modern JS: From Callbacks to Promises to Async/Await — One for beginners/learners.
🔧 Code and Tools
Vuestic Admin: A Vue.js Admin Dashboard — Built on Bootstrap 4. Live demo.
StealJS 2.0: The ‘Futuristic’ Dependency Loader and Builder
JSInspect: Detect Copy-Pasted and Structurally Similar Code — A tool for finding those duplicated code smells in your codebase. Supports ES6, JSX and Flow.
Daniel St. Jules
Application Stability Monitoring with Bugsnag — Make data-driven decisions on whether you should be building features, or fixing bugs to stabilize your app.
jsQR: A Pure QR Code Reading Library — Live demo. It’s incredibly fast.
Angular 6.1 Released — A minor release that’s a drop-in replacement for Angular 6.0. TypeScript 2.8 and 2.9 support has been added.
Stephen Fluin (Google)
excel4node: An Excel Spreadsheet (XLSX) Generation Library — Conforms to the ECMA-376 OOXML specification 2nd edition and the examples in the documentation are quite thorough.
Nathan (Nater) Jorde
Unswitch: An Event Handler for Nintendo Switch Controllers on the Web — Based on the Gamepad API.
Colin van Eenige
Debugging Tips and Tricks for Front-End Developers — A fantastic round-up of concepts, tools, and things to consider.
Babel Time Travel: See Babel Transformations Step by Step — Click “Compile” on the right then skim along the bottom.