Transferir como PDF, PPTX
Carregado poriMasters
DevCommerce Conference 2016: React para aplicações web e mobile como plataforma de interface
O documento discute o uso do React como uma plataforma para construção de interfaces em aplicações web e mobile, enfatizando sua perfomance e flexibilidade. Também menciona como o React revolucionou a comunidade de desenvolvimento, criando um ecossistema robusto e facilitando a construção de aplicativos nativos com o React Native. Por fim, aborda vantagens e desafios na utilização do React, incluindo questões de SEO e a complexidade na renderização do lado do servidor.
Mais conteúdo relacionado
Semelhante a DevCommerce Conference 2016: React para aplicações web e mobile como plataforma de interface
DevCommerce Conference 2016: React para aplicações web e mobile como plataforma de interface
- 1. React Para aplicações webe mobile como plataforma de interface @breno_calazans VTEX
- 2. Por que estoufalando de React?
- 3. VTEX é umaplataforma SaaS de e-commerce
- 5. Visite nosso estande! Próximoao restaurante
- 6. Como melhorar aconstrução de interface de lojas?
- 7. Tentamos o modotradicional
- 8. Não é possívelter uma experiência ótima sem interações complexas
- 9. A VTEX estáconstruindo uma nova plataforma para desenvolver lojas como aplicações web
- 11.
- 12. Javascript <div> <h1 id="title"></h1> </div> <script> var title= document.getElementById ('title'); title.innerHTML = 'Olá, mundo!'; </script>
- 13.
- 14. Frameworks com Data Bind eTemplates Angular, Ember, Knockout e Backbone <div data-bind="template: 'title- template'"> </div> <template id="title-template"> <h1 data-bind="text: $title"></h1> </template> <script> var viewModel = { title: '' }; ko.applyBindings(viewModel); viewModel.title('Olá, mundo!'); </script>
- 15.
- 16. Muitos conceitos! Filters, Directives,Services, Controllers, Transclusion, Factory, Provider, etc…
- 17.
- 18.
- 19.
- 20. “Na minha épocaera mais fácil…”
- 21. Request Usuário abre uma página ServidorBanco Lê os dados do banco de dados Servidor Renderiza um template com os dados Response Página HTML Request Atende a requisição
- 22.
- 23. O Facebook paroupara repensar as boas práticas
- 24.
- 25. Biblioteca Javascript para construçãode interfaces
- 26.
- 27.
- 28.
- 29. (data) => HTML CódigoImprevisível
- 30. (data) => HTML CódigoImprevisível
- 31.
- 32. Tudo é Javascript Linguagemde Template
- 33.
- 34.
- 35.
- 36.
- 37.
- 38. JSX class Hello extendsReact.Component { render() { return <h1>Olá Mundo!</h1>; } } JSX
- 39. API Declarativa SQL, Regexe Programação funcional
- 40. SELECT * FROMusers WHERE name=”Silva”; var table = Database.use(‘users’); var users = table.getAll(); var result = filter(users, (user) => { return user.name == “Silva”; }); API Declarativa API Imperativa
- 41. Com React vocênão precisa lidar diretamente com o DOM
- 42. Facebook, Netflix, Dropbox, AirBnb,Reddit, PayPal, Khan Academy, Walmart, ESPN, Microsoft, Uber, NFL, Mozilla, Globo
- 43.
- 44. React não ébala de prata
- 45. Caso você nãoqueira lidar com renderização server-side, use apenas em áreas logadas
- 46.
- 47.
- 48. Browser ● Não temsistema de gestos ● Javascript não tem processos paralelos ● Não tem acesso a capacidades nativas
- 49. O ambiente nativoé muito mais poderoso que o web
- 50. Mas tudo vemcom um custo...
- 51. O ambiente nativoé mais hostil
- 52. iOS e Android Equipes,ferramentas, projetos e códigos diferentes
- 53.
- 54.
- 55. React foi feitopara construir qualquer sistema de interfaces
- 56.
- 57. É um frameworkpara construção de aplicativos nativos usando Javascript e React.
- 58.
- 59.
- 60. “Escreva uma vez,rode em qualquer lugar”
- 61. “Aprenda uma vez,desenvolva em qualquer lugar”
- 62. “Compartilhe quando possível, vánativo quando necessário”
- 63. Compartilhe ● APIs ● Ferramentas ●Linguagem ● Código Nativo
- 64. Compartilhe ● APIs ● Ferramentas ●Linguagem ● Código Nativo ● Funcionalidades Proprietárias ● Performance ● Investimentos Existentes
- 65. Facebook Ads Manager ●Experiência nativa ● Feito pelo mesmo time ● Compartilha 80-95% do código
- 66.
- 67. React mudou acomunidade fundamentalmente
- 68. Popular Github Stars ★ 43,131React ★ 39,717 jQuery ★ 16,300 Ember ★ 12,540 Angular
- 69. Criou um ecossistema Pacotes nonpm 15,202 React 9,915 jQuery 3,682 Ember 7,589 Angular
- 70. React - Abstração simples -Fácil de testar - API Declarativa - Desenvolvedores confiantes - Facilita composição - Várias plataformas
- 71.