What's new and what's next in Electron & Chromium [2016]

50 %
50 %
Information about What's new and what's next in Electron & Chromium [2016]

Published on January 10, 2017

Author: bengotow

Source: slideshare.net

1. What's new and what's next: Electron & Chromium Ben Gotow (@bengotow)

2. Electron • 364 pull requests closed since the last meet-up • Cleaner public APIs, documentation in four more languages • Web Notifications on Windows 8+ • Animated BrowserWindow.setBounds

3. Touch Events • Two new BrowserWindow events scroll-touch- begin, scroll-touch-end. • IPC them into the renderer process and combine with wheel events to implement gestures! https://github.com/bengotow/electron-swipe-to-archive (Coming in the next Electron release)

4. Tracking Chromium • Electron aggressively tracks Chromium and NodeJS releases. • Currently at Chromium 47, Node 5.1.1. • We’re one of the few communities that can build on new features immediately! So… what are the new features?

5. CSS Motion Paths http://danielcwilson.com/blog/2015/09/animations-part-5/

6. requestIdleCallback Schedule work when there is free time at the end of a frame, or when the user is inactive. https://developers.google.com/web/updates/2015/08/using-requestidlecallback?hl=en

7. requestIdleCallback • Ideal for unimportant tasks which can be paused and resumed, and broken into fixed-time chunks. • Building thumbnails • Sending analytics • Mining Bitcoin “Call my function within X milliseconds and give me a function I can call to know when I’ve run out of time.”

8. requestIdleCallback function myNonEssentialWork (deadline) { while (deadline.timeRemaining() > 0 && tasks.length > 0) doWorkIfNeeded(); if (tasks.length > 0) requestIdleCallback(myNonEssentialWork); } // Wait at most two seconds before processing events. requestIdleCallback(processPendingAnalyticsEvents, { timeout: 2000 });

9. array.indexOf(item) !== -1 array.includes(item) ECMAScript 6

10. array.indexOf(item) !== -1 array.includes(item) ECMAScript 6 pretty much here!

11. array.indexOf(item) !== -1 array.includes(item) ECMAScript 6

12. Chromium 47

Add a comment