Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
What's new and what's
next: Electron & Chromium
Ben Gotow (@bengotow)
Electron
• 364 pull requests closed since the last meet-up
• Cleaner public APIs, documentation in four more
languages
• W...
Touch Events
• Two new BrowserWindow events scroll-touch-
begin, scroll-touch-end.
• IPC them into the renderer process an...
Tracking Chromium
• Electron aggressively tracks Chromium and
NodeJS releases.
• Currently at Chromium 47, Node 5.1.1.
• W...
CSS Motion Paths
http://danielcwilson.com/blog/2015/09/animations-part-5/
requestIdleCallback
Schedule work when there is free time at the end of a
frame, or when the user is inactive.
https://dev...
requestIdleCallback
• Ideal for unimportant tasks
which can be paused and
resumed, and broken into
fixed-time chunks.
• Bui...
requestIdleCallback
function myNonEssentialWork (deadline) {
while (deadline.timeRemaining() > 0 && tasks.length > 0)
doWo...
array.indexOf(item) !== -1
array.includes(item)
ECMAScript 6
array.indexOf(item) !== -1
array.includes(item)
ECMAScript 6
pretty much here!
array.indexOf(item) !== -1
array.includes(item)
ECMAScript 6
Chromium 47
😅 😳
Chromium 48
😍 😎
Memory
• Same task scheduling capabilities are driving smarter
garbage collection in Chromium for jank-free scrolling!
• W...
Coming Soon
• VP9 Codec: WebRTC support for VP9! HD video
at almost half the bandwidth of VP8 or H264
Chromium48Chromium49...
ben@nylas.com
What's new and what's next in Electron & Chromium [2016]
Nächste SlideShare
Wird geladen in …5
×

von

What's new and what's next in Electron & Chromium [2016] Slide 1 What's new and what's next in Electron & Chromium [2016] Slide 2 What's new and what's next in Electron & Chromium [2016] Slide 3 What's new and what's next in Electron & Chromium [2016] Slide 4 What's new and what's next in Electron & Chromium [2016] Slide 5 What's new and what's next in Electron & Chromium [2016] Slide 6 What's new and what's next in Electron & Chromium [2016] Slide 7 What's new and what's next in Electron & Chromium [2016] Slide 8 What's new and what's next in Electron & Chromium [2016] Slide 9 What's new and what's next in Electron & Chromium [2016] Slide 10 What's new and what's next in Electron & Chromium [2016] Slide 11 What's new and what's next in Electron & Chromium [2016] Slide 12 What's new and what's next in Electron & Chromium [2016] Slide 13 What's new and what's next in Electron & Chromium [2016] Slide 14 What's new and what's next in Electron & Chromium [2016] Slide 15 What's new and what's next in Electron & Chromium [2016] Slide 16 What's new and what's next in Electron & Chromium [2016] Slide 17
Nächste SlideShare
Building Native Experiences with Electron
Weiter
Herunterladen, um offline zu lesen und im Vollbildmodus anzuzeigen.

0 Gefällt mir

Teilen

Herunterladen, um offline zu lesen

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

Herunterladen, um offline zu lesen

Presented at the Jan, 2016 Electron meetup in San Francisco.

A look at where the ElectronJS project is headed as Chromium to v47, v48 and beyond. Looks at new features, including ES2016 support, requestIdleCallback, CSS motion paths and Proxy.

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen
  • Gehören Sie zu den Ersten, denen das gefällt!

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

  1. 1. What's new and what's next: Electron & Chromium Ben Gotow (@bengotow)
  2. 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. 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. 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. 5. CSS Motion Paths http://danielcwilson.com/blog/2015/09/animations-part-5/
  6. 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. 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. 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. 9. array.indexOf(item) !== -1 array.includes(item) ECMAScript 6
  10. 10. array.indexOf(item) !== -1 array.includes(item) ECMAScript 6 pretty much here!
  11. 11. array.indexOf(item) !== -1 array.includes(item) ECMAScript 6
  12. 12. Chromium 47 😅 😳
  13. 13. Chromium 48 😍 😎
  14. 14. Memory • Same task scheduling capabilities are driving smarter garbage collection in Chromium for jank-free scrolling! • With Gmail open, memory consumption in Chrome 45 is 45% lower than previous versions after two minutes. (50MB less!)
  15. 15. Coming Soon • VP9 Codec: WebRTC support for VP9! HD video at almost half the bandwidth of VP8 or H264 Chromium48Chromium49 • Proxy: Define custom behavior for fundamental operations (e.g. property lookup, assignment, enumeration, function invocation, etc) Objective-C: objc_msgsend Ruby: method_missing JavaScript: Proxy.handler.apply 🎉
  16. 16. ben@nylas.com

Presented at the Jan, 2016 Electron meetup in San Francisco. A look at where the ElectronJS project is headed as Chromium to v47, v48 and beyond. Looks at new features, including ES2016 support, requestIdleCallback, CSS motion paths and Proxy.

Aufrufe

Aufrufe insgesamt

314

Auf Slideshare

0

Aus Einbettungen

0

Anzahl der Einbettungen

0

Befehle

Downloads

2

Geteilt

0

Kommentare

0

Likes

0

×