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

Using Polymer and React on Electron- Electrolysis

687ac25540fe35fcb5e828f75c4a6079?s=47 Jimmy Moon
September 20, 2015
18

Using Polymer and React on Electron- Electrolysis

Experiences with Javascript Frameworks and Electron

687ac25540fe35fcb5e828f75c4a6079?s=128

Jimmy Moon

September 20, 2015
Tweet

Transcript

  1. Using Polymer and React on Electron Electrolysis @ragingwind WebApplications Koreaa

  2. WebApplications Koreaa Hulk Vs. Iron Man's Hulk Buster! — GeekTyrant

    - http://goo.gl/0ZiSY
  3. WebApplications Koreaa dSpxkd8.jpg (1440×900) - http://goo.gl/yeZ4jF

  4. Why? - So much experimental - React is cool -

    Polymer(1.0) will become lighten - Electron is renamed - Using components in app is New Gen - Reusing custom components with react WebApplications Koreaa
  5. Electrolysis - Electron app - React framework - Custom element

    via Polymer 0.9 WebApplications Koreaa
  6. Electron - Formerly Atom shell, based on iojs and Chromium

    - No webpack, No browserfy - Easy transform - Yeoman generator WebApplications Koreaa
  7. Electron - Formerly Atom shell, based on iojs and Chromium

    - No webpack, No browserfy - Easy transform - Yeoman generator WebApplications Koreaa
  8. Electron - Formerly Atom shell, based on iojs and Chromium

    - No webpack, No browserfy - Easy transform - Yeoman generator WebApplications Koreaa
  9. Electron - Formerly Atom shell, based on iojs and Chromium

    - No webpack, No browserfy - Easy transform - Yeoman generator WebApplications Koreaa
  10. Electron - Formerly Atom shell, based on iojs and Chromium

    - No webpack, No browserfy - Easy transform - Yeoman generator WebApplications Koreaa
  11. Components - Component, Component - Concept - How to use

    - Virtual DOM, Shadow DOM WebApplications Koreaa
  12. Components - Component, Component - Concept - How to use

    - Virtual DOM, Shadow DOM WebApplications Koreaa React Components are code
  13. Components - Component, Component - Concept - How to use

    - Virtual DOM, Shadow DOM WebApplications Koreaa Web Components are first-class HTML elements
  14. Components - Component, Component - Concept - How to use

    - Virtual DOM, Shadow DOM WebApplications Koreaa React could use a first-class component after importing web components Issue: Not allow to use custom attribute name
  15. Components - Component, Component - Concept - How to use

    - Virtual DOM, Shadow DOM WebApplications Koreaa
  16. - Previews, not conclusion - React all the way down?

    - Components ecosystem - Performance issues - Machine readable vs Human readable - Virtual DOM and Shadow DOM - Facebook and Google - Flux and Firebase WebApplications Koreaa
  17. Conclusion Could be but too early, WebApplications Koreaa

  18. References WebApplications Koreaa - [electrolysis](https://goo.gl/SJi68w) - [Component Interop With React

    And Custom Elements](http://goo.gl/Lx6w45) - [newtriks/generator-react-webpack](https://goo.gl/gwC01i) - [node-jsx](https://goo.gl/V3M9V9) - [Complementarity of React and Web Components — WebComponents.org](http://goo.gl/jCTDtI) - [Combining React, Flux & Web Components — Futurice](http://goo.gl/ZGEdJn)