Electron 8.0.0 to be Released

The new released is considered major due to the upgrade to the Chromium 80 code base, the Node.js 12.13 platform, and the V8 8.0 engine
06 February 2020   297

The release of the Electron 8.0.0 platform has been prepared, which provides a self-sufficient framework for developing multi-platform user applications, using Chromium, V8 and Node.js. components as a basis. A significant change in the version number is associated with the upgrade to the Chromium 80 code base, the Node.js 12.13 platform, and the V8 8.0 JavaScript engine.

Among the Electron-specific API changes:

  • Provided the ability to check spelling in input forms using the built-in Chrome spellchecker;
  • When exchanging data between processes (IPC), the Structured Clone Algorithm, which is used in the V8 engine to copy complex JavaScript objects, is used. Compared to the previously used data serialization mechanism, the new algorithm is more predictable, fast and functional. When moving large buffers and complex objects, the new algorithm is approximately two times faster with practically unchanged delays in the transmission of small messages;
  • Disabled rendering to the buffer (Offscreen Rendering) is disabled, because when switching to a new release of Chromium there were problems, and the subsystem was left without an accompanying one;
  • New APIs added: app.getApplicationNameForProtocol (url), BrowserWindow.getMediaSourceId (), BrowserWindow.moveAbove (mediaSourceId), session.downloadURL (url), session.addWordToSpellCheckerDictionary, tray.removeBallexava () (worldId, scripts [, userGesture]).

Electron allows you to create any graphical application using browser technology, the logic of which is determined by JavaScript, HTML and CSS, and the functionality can be expanded through the add-on system. Node.js modules are available for developers, as well as an advanced API for creating native dialogs, integrating applications, creating context menus, integrating with the notification output system, window manipulation, and interaction with Chromium subsystems.

Get more at the official blog.

Unlike web applications, Electron-based programs come in the form of self-contained executable files that are not browser-bound. In this case, the developer does not need to worry about porting the application for various platforms, Electron will provide the ability to build for all systems supported in Chromium. Electron also provides tools for organizing the automatic delivery and installation of updates (updates can be delivered either from a separate server or directly from GitHub).

Among the programs built on the basis of the Electron platform, one can mention the Atom editor, the Nylas email client, the tools for working with Git GitKraken, the Wagon analysis and visualization system for SQL queries, the WordPress Desktop blogging system, the WebTorrent Desktop BitTorrent client, as well as the official clients for Services like Skype, Signal, Slack, Basecamp, Twitch, Ghost, Wire, Wrike, Visual Studio Code and Discord. In total, about 850 applications are presented in the Electron software catalog. To simplify the development of new applications, a set of standard demo applications has been prepared, including code examples for solving various problems.

Frontend News Digest 21 - 27.03

Embrace modern image formats, how to indicate scroll postion on page with CSS, integrate TypeScript with GraphQL and more
27 March 2020   373

Greetings! I hope your week went great! Here's new frontend technologies news digest.

Learn how to use the currentColor value in CSS, how to debug a child process in Node and Gatsby.js with Chrome, how to Debug a Node.js Application: Tips, Tricks and Tools and other cool, useful and demanded things, related to all parts of frontend development.

Guides

  • Embracing modern image formats

Learn how modern images formats and <picture> element can reduce image sizes

  • How to use the currentColor value in CSS

A tutorial on a basic CSS feature, great for newbies

  • Indicating Scroll Position on a Page With CSS

This guide will teach you how to indicate scroll position, using only CSS

  • How to debug a child process in Node and Gatsby.js with Chrome

Learn how to patch `jest-worker`package used by Gatsby.js and by patching enable child process debugging using Chrome Dev Tools in this tutorial

  • Integrating TypeScript with GraphQL

Learn how to integrade TypeScript with GraphQL

  • How to Debug a Node.js Application: Tips, Tricks and Tools

Massive tutorial on Node app debugging, with some tips, that can be useful even for skilled developers

Articles

  • Full Third-Party Cookie Blocking and More (in Safari)

Safari’s Intelligent Tracking, has been in beta for some time, introduces significant privacy changes, including cross-site cookies now being blocked by default

Video

  • The Complete AEA DC 2019 Now Online

Giant number of different interesting speeches from An Event Apart session, that was realeased special in a pack for you to stay home

Updates

  • uppload

JS image uploader with 30+ plugins 

  • Node-SQLite

SQLite client library for Node.js applications 

  • Backstage

Open platform for building developer portals