Spa's com Reactjs e Asp Net Core
Download as PPTX, PDF2 likes242 views
The document discusses single page applications (SPAs), explaining that all necessary code can be loaded at once or dynamically during user interactions without page reloads. It provides examples using React.js and JSX to showcase component rendering. Additionally, it touches on the integration of React with ASP.NET Core.
Spa's com Reactjs e Asp Net Core
- 1. SPA's com + by José Barbosa | @kidchenko
- 3. “…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…”
- 4. SPA é uma “aplicação de uma única página”!?
- 11. Software Engineer; Agilista; Empreendedor digital; Apaixonado por JS; Ex-Lambda3 @kidchenko github.com/kidchenko
- 12. Acompanhe o podcast da Lambda3: http://blog.lambda3.com.br/category/p odcast
- 14. SPA's com +
- 18. Nops!
- 23. Componentes
- 25. <!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>
- 26. <!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>
- 28. <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>
- 29. <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>
- 30. Virtual DOM
- 34. Composição
- 38. Entendendo o ASP .NET Core
- 41. Controllers
- 44. Por quê Reactjs é útil para o ASP .Net Core?