Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Elmish com xamarin.forms
Semelhante a Elmish com xamarin.forms (20)
Mais de Lucas Teles
Mais de Lucas Teles (15)
Elmish com xamarin.forms
- 2. O que é Elmish?
- 4. “Uma linguagem agradável para webapps confiáveis.”
- 5. Gere JavaScript com ótimo desempenho e sem exceções de tempo de execução.
- 6. Arquitetura
- 7. • Serviu de inspiração para o Redux
- 9. Como funciona? • Model / State
- 10. Como funciona? • Model / State • Message / Action
- 11. Como funciona? • Model / State • Message / Action • Update / Reducer
- 12. Como funciona? • Model / State • Message / Action • Update / Reducer • View
- 15. Por que? A Model é imutável, o update é sempre chamado de forma síncrona, sem problemas com threads Sua model se torna a fonte única do estado da sua aplicação – Nunca mais controlar estado em múltiplas camadas Tendo uma UI virtual por baixo dos panos permite que você consiga realizar testes unitários em tudo – Model, View, Update Funções de View podem rodar fora da thread de UI se necessário
- 16. Por que? A Model é imutável, o update é sempre chamado de forma síncrona, sem problemas com threads Sua model se torna a fonte única do estado da sua aplicação – Nunca mais controlar estado em múltiplas camadas Tendo uma UI virtual por baixo dos panos permite que você consiga realizar testes unitários em tudo – Model, View, Update Funções de View podem rodar fora da thread de UI se necessário
- 17. Por que? A Model é imutável, o update é sempre chamado de forma síncrona, sem problemas com threads Sua model se torna a fonte única do estado da sua aplicação – Nunca mais controlar estado em múltiplas camadas Tendo uma UI virtual por baixo dos panos permite que você consiga realizar testes unitários em tudo – Model, View, Update Funções de View podem rodar fora da thread de UI se necessário
- 18. Por que? A Model é imutável, o update é sempre chamado de forma síncrona, sem problemas com threads Sua model se torna a fonte única do estado da sua aplicação – Nunca mais controlar estado em múltiplas camadas Tendo uma UI virtual por baixo dos panos permite que você consiga realizar testes unitários em tudo – Model, View, Update Funções de View podem rodar fora da thread de UI se necessário
- 19. Por que? A Model é imutável, o update é sempre chamado de forma síncrona, sem problemas com threads Sua model se torna a fonte única do estado da sua aplicação – Nunca mais controlar estado em múltiplas camadas Tendo uma UI virtual por baixo dos panos permite que você consiga realizar testes unitários em tudo – Model, View, Update Funções de View podem rodar fora da thread de UI se necessário
- 20. Elm também é uma linguagem
- 21. Elm também é uma linguagem Funcional
- 22. Elm também é uma linguagem Funcional Imutabilidade Funções puras
- 23. F#
- 24. Sobre • Desenvolvido pela Microsoft Research – Incluído junto com Visual Studio in 2010
- 25. Sobre • Desenvolvido pela Microsoft Research – Incluído junto com Visual Studio in 2010 • Open source – GitHub
- 26. Sobre • Desenvolvido pela Microsoft Research – Incluído junto com Visual Studio in 2010 • Open source – GitHub • Cross platform – Funciona com VS Code (e outros)
- 27. Sobre • Desenvolvido pela Microsoft Research – Incluído junto com Visual Studio in 2010 • Open source – GitHub • Cross platform – Funciona com VS Code (e outros) • Comunidade ativa – fsharp.org – F# Slack channel
- 28. Sobre • Roda em cima do CLR
- 29. Sobre • Roda em cima do CLR • Interopera com outras linguagens .NET
- 30. Sobre • Roda em cima do CLR • Interopera com outras linguagens .NET • É turing completa
- 31. Sobre • Roda em cima do CLR • Interopera com outras linguagens .NET • É turing completa • É possível usufruir de qualquer bibliotecas escritas em/para C# tal como EntityFramework, ASP.NET, Xamarin, etc.
- 32. Introdução
- 35. Classes
- 43. Imutabilidade
- 47. Não null por default
- 54. Tudo tem que ser inicializado!
- 58. Piping (F#)
- 59. Piping (F#)
- 60. Piping (F#)
- 61. Sistema de tipos algébrico
- 62. Tipos novos podem ser criados a partir de tipos menores usando:
- 63. “AND” types
- 64. “AND” types
- 65. “OR” types
- 66. “OR” types
- 68. Em F# iriamos compor os tipos da seguinte forma
- 69. Em F# iriamos compor os tipos da seguinte forma
- 70. Em F# iriamos compor os tipos da seguinte forma
- 71. Em F# iriamos compor os tipos da seguinte forma
- 72. Xamarin Forms com F#
- 74. Xamarin Forms com Fabulous (Half-Elmish)
- 75. Model, Messages e updates são definidos no F# Views são definidas com XAML e data bindings A model de retorno da função de update atualiza os bindings A função de Vew retorna a page com os bindings
- 76. Demo!
- 77. Xamarin Forms com Fabulous (Full-Elmish)
- 78. Model, Messages e updates são definidos no F# Views são definidas com no F# utilizando virtual UI A model de retorno da função de update atualiza a UI virtual A função Vew retorna uma UI virtual e o framework Elmish procura pelas diferenças e atualiza a UI
- 79. Demo!