Componentizando suas views com React

Introdução a biblioteca React. Quem utiliza e como criar seus componentes.

Repositório do exemplo: https://github.com/romuloalves/cwi-dojo-react
Página de exemplo de componentes: https://romuloalves.github.io/cwi-dojo-react/

Transcript

1. REACT COMPONENTIZANDO SUAS VIEWS
2. FACEBOOK CRIADO POR 2
3. HISTÓRICO EM PRODUÇÃO DESDE 2011 NO FACEBOOK.COM ▸ Desde 2012 no Instagram ▸ Open-source desde 2013 3
4. BIBLIOTECA PARA CRIAÇÃO DE INTERFACES 4 NÃO É UMA TEMPLATE ENGINE, NEM UM FRAMEWORK, NEM MV*
5. VIRTUAL DOM 5
7. 7 var h1 = document.createElement('h1'); h1.innerText = 'Im not a property'; var app = document.createElement('div'); app.appendChild(h1); JSX
11. DEMOS! 11
12. RELACIONADOS PROJETOS ÚTEIS ▸ https://facebook.github.io/flux ▸ http://redux.js.org ▸ https://github.com/reactjs/react-router ▸ https://github.com/kadirahq/react-storybook ▸ https://facebook.github.io/react-native 12
13. QUEM USA?! https://github.com/facebook/react/wiki/Sites-Using-React 13
14. REPOSITÓRIO HTTPS://GITHUB.COM/ROMULOALVES/CWI-DOJO-REACT 14 HTTPS://ROMULOALVES.GITHUB.IO/CWI-DOJO-REACT
15. DÚVIDAS?!?! 15
16. EU SOU… RÔMULO ALVES https://twitter.com/romuloalves 16 Software Developer https://github.com/romuloalves romuloaalv@gmail.com romuloaugusto@cwi.com.br