spa's com reactjs e asp net core
TRANSCRIPT
![Page 1: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/1.jpg)
SPA's com+
by José Barbosa | @kidchenko
![Page 2: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/2.jpg)
Single Page
Application
![Page 3: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/3.jpg)
“…In an SPA, either all necessary code –HTML, JavaScript, and CSS – is retrieved with
a single page load, or the appropriate resources are dynamically loaded and added to the page as necessary, usually in response to user actions. The page does not reload at any point in the process…”
![Page 4: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/4.jpg)
SPA é uma “aplicação de uma única página”!?
![Page 5: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/5.jpg)
![Page 7: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/7.jpg)
![Page 8: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/8.jpg)
![Page 9: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/9.jpg)
![Page 10: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/10.jpg)
![Page 11: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/11.jpg)
Software Engineer;Agilista;Empreendedor digital;Apaixonado por JS;Ex-Lambda3
@kidchenko
github.com/kidchenko
![Page 12: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/12.jpg)
Acompanhe
o podcast da
Lambda3:http://blog.lambda3.com.br/category/p
odcast
![Page 13: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/13.jpg)
![Page 14: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/14.jpg)
SPA's com+
![Page 15: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/15.jpg)
![Page 16: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/16.jpg)
![Page 17: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/17.jpg)
![Page 18: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/18.jpg)
Nops!
![Page 19: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/19.jpg)
![Page 20: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/20.jpg)
![Page 21: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/21.jpg)
![Page 22: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/22.jpg)
Entendendo o Reactjs
![Page 23: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/23.jpg)
Componentes
![Page 24: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/24.jpg)
![Page 25: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/25.jpg)
<!DOCTYPE html><html><head><script src="https://fb.me/react-15.1.0.min.js"></script><script src="https://fb.me/react-dom-15.1.0.min.js"></script></head><body><script>
ReactDOM.render(React.createElement('div', null, 'Hi React!'), document.body);
</script></body></html>
![Page 26: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/26.jpg)
<!DOCTYPE html><html><head><script src="https://fb.me/react-15.1.0.min.js"></script><script src="https://fb.me/react-dom-15.1.0.min.js"></script></head><body><script>
ReactDOM.render(React.createElement('div', null, 'Hi React!'), document.body);
</script></body></html>
![Page 27: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/27.jpg)
![Page 28: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/28.jpg)
<script type="text/jsx">var Hi = React.createClass({
render: function() {return (<div>
<h1>Hi from react and jsx :)</h1><p>This is some text</p>
</div>)}
});ReactDOM.render(<Hi />,
document.getElementById('container'));</script>
![Page 29: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/29.jpg)
<script type="text/jsx">var Hi = React.createClass({
render: function() {return (<div>
<h1>Hi from react and jsx :)</h1><p>This is some text</p>
</div>)}
});ReactDOM.render(<Hi />,
document.getElementById('container'));</script>
![Page 30: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/30.jpg)
Virtual DOM
![Page 31: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/31.jpg)
![Page 32: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/32.jpg)
![Page 33: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/33.jpg)
![Page 34: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/34.jpg)
Composição
![Page 35: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/35.jpg)
![Page 36: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/36.jpg)
![Page 37: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/37.jpg)
![Page 38: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/38.jpg)
Entendendo oASP .NET Core
![Page 39: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/39.jpg)
![Page 40: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/40.jpg)
![Page 41: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/41.jpg)
Controllers
![Page 42: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/42.jpg)
![Page 43: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/43.jpg)
![Page 44: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/44.jpg)
Por quê Reactjs é útil para o ASP
.Net Core?
![Page 45: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/45.jpg)
![Page 46: Spa's com Reactjs e Asp Net Core](https://reader031.vdocuments.mx/reader031/viewer/2022022415/5a656d987f8b9a9c798b4835/html5/thumbnails/46.jpg)
OBRIGADO!Dúvidas?
@kidchenko
github.com/kidchenko