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

Using Polymer and React on Electron- Electrolysis

Jimmy Moon
September 20, 2015
44

Using Polymer and React on Electron- Electrolysis

Experiences with Javascript Frameworks and Electron

Jimmy Moon

September 20, 2015
Tweet

Transcript

  1. 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
  2. Electron - Formerly Atom shell, based on iojs and Chromium

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

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

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

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

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

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

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

    - Virtual DOM, Shadow DOM WebApplications Koreaa Web Components are first-class HTML elements
  10. 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
  11. Components - Component, Component - Concept - How to use

    - Virtual DOM, Shadow DOM WebApplications Koreaa
  12. - 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
  13. 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)