Tweet
Tweet

Slide 1

Slide 1 text

Using Polymer and React on Electron Electrolysis @ragingwind WebApplications Koreaa

Slide 2

Slide 2 text

WebApplications Koreaa Hulk Vs. Iron Man's Hulk Buster! — GeekTyrant - http://goo.gl/0ZiSY

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Electrolysis - Electron app - React framework - Custom element via Polymer 0.9 WebApplications Koreaa

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

- 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

Slide 17

Slide 17 text

Conclusion Could be but too early, WebApplications Koreaa

Slide 18

Slide 18 text

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)