Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What's new in Electron 1.0

What's new in Electron 1.0

Brief summary of Electron 1.0 changes log

Jimmy Moon

July 03, 2017
Tweet

More Decks by Jimmy Moon

Other Decks in Programming

Transcript

  1. What’s new in Electron 1.0

    View Slide

  2. Welcome! Electron Korea 3rd Meetup

    View Slide

  3. Hosted by

    View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. Electron Korea (User Group)
    - meetup.com/electron-kr
    - Slack for electron-kr
    - Invitation
    - Twitter
    - Open sources @Github
    - Materials for meetup

    View Slide

  8. ᷠཫᨘᥘ᝘བྷἀ
    Electron HomebrewworkClub

    View Slide

  9. Agenda
    - What's new in Electron 1.0 - Jimmy Moon
    - ੌ۩౟ۿ ࢗ૕ӝ - ӣ੿ਊ(ূ౟ܻҮਭোҳࣗ)
    - ܻݯߡ ؘझ௼఼ জ ѐߊӝ - ୭ࣗ ࠺ਊਵ۽ ࢜۽਍ ೒ۖಬ ૑ਗ
    ೞӝ - ӣ׸ഋ(DRAMA&COMPANY)
    - Bay Area Electron Meet-up ଵࢳӝ & ProtoPie ࣗѐ - ӣࢿ
    ള(Scotty Kim, Studio XID)
    - Networking

    View Slide

  10. What’s new in Electron 1.0

    View Slide

  11. Google Developer Expert
    Korea Open Source Lab
    +JimmyMoon
    @ragingwind
    Yeoman and ֢য়য়য়য়٘

    View Slide

  12. ٯ൤ ...

    View Slide

  13. Ӓېب ...

    View Slide

  14. ࠺٣য় ݢ੷

    View Slide

  15. View Slide

  16. Electron 1.0: Meet the team, see some talks!
    May 25, 2016

    View Slide

  17. Electron 1.0
    - Released on MAY 11TH, 2016
    - New theme colour
    - New organization at Github named after Electron
    - New web site for Electon
    - Electron community
    - http://electron.atom.io/release
    - Standardize APIs
    - More and more native APIs
    - Behave consistently on each platform
    - Lots of “Little” things

    View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. Lots of “Little” things (from v0.36.0)
    - Upgrade Chrome and Node
    - Chrome, from 47 to 51.x

    - Node, from 5.1 to 6.1
    - ES2015
    - Physical Web Feature
    - Cutting-edge features
    - Fetch, CSS variables and Service Worker, Observe, Proxies
    - High-performance rendering and executing
    - WebRequest for intercepting
    - WebContents with many events to manage its status
    - Support MAS

    View Slide

  25. Lots of “Little” things (from v0.36.0)
    - Significant improvement for each platforms, dock, key event, drop-files, app
    showing, appearance, and notification
    - BrowserWindow management APIs, movable, closable, fullscreen,
    maximize, scroll-touch
    - Pacakinging
    - Dynamic link with ffmpeg
    - Default app using asar packaging
    - Rename atom into `electron`
    - APIs supporting Devtools
    - Icons, Browse icon changing dynamically, supporting tray.getBounds()
    - ChildWindow managing, Session.setUserAgent
    - Lots of fixes. every releases with 1000 > commits
    - Remove deprecated APIs, https://github.com/electron/electron/pull/5373

    View Slide

  26. ־о ־о ॳա?

    View Slide

  27. View Slide

  28. Jan, 2016

    View Slide

  29. View Slide

  30. ੌ۩౟ۿ 1.0

    View Slide

  31. View Slide

  32. Electron versioning scheme
    - Patch version
    - 1.0.1 to 1.0.2
    - Bug fixes and new features
    - Minor version
    - 1.1.0 to 1.2.0
    - Chrome or Node upgrades
    - Major version
    - 1.0.0 to 2.0.0
    - Electron APIs breakage

    View Slide

  33. Get started with Electron
    - Open sources at Github
    - Twitter
    - #electron at Slack
    - Quick start for newbie
    - Scaffolding out with Yeoman generator

    View Slide

  34. API DEMOS APP
    Explore the Electron APIs
    http://electron.atom.io/#get-started

    View Slide

  35. View Slide

  36. DEVTRON
    An Electron DevTools Extension
    http://electron.atom.io/devtron

    View Slide

  37. View Slide

  38. View Slide

  39. View Slide

  40. REQUIRE GRAPH EVENT LISTENERS
    IPC MONITOR LINTER

    View Slide

  41. View Slide

  42. SPECTRON
    An Electron Testing Framework
    http://electron.atom.io/spectron

    View Slide

  43. SPECTRON
    ‣ Integration testing
    ‣ Built on ChromeDriver
    ‣ Full Electron API
    ‣ DOM helpers included

    View Slide

  44. SPECTRON
    ‣ Works on CI
    ‣ Promise-based
    ‣ Extensible
    ‣ Testing library agnostic

    View Slide

  45. View Slide

  46. View Slide

  47. View Slide

  48. View Slide

  49. View Slide

  50. All contents are from
    - [Electron 1.0 // Speaker Deck](https://goo.gl/bGRVAI)
    - [Electron 1.0 - Electron](http://goo.gl/QeLsCI)

    View Slide

  51. Thanks
    @ragingwind

    View Slide