{"id":16625,"date":"2018-12-12T09:37:01","date_gmt":"2018-12-12T11:37:01","guid":{"rendered":"https:\/\/www.mxcursos.com\/blog\/?p=16625"},"modified":"2019-03-24T15:46:01","modified_gmt":"2019-03-24T18:46:01","slug":"ionic-4-0-0-beta-0-o-que-podemos-esperar","status":"publish","type":"post","link":"https:\/\/www.mxcursos.com\/blog\/ionic-4-0-0-beta-0-o-que-podemos-esperar\/","title":{"rendered":"Ionic 4.0.0-beta.0 – O que podemos esperar?"},"content":{"rendered":"

A equipe de desenvolvimento do Ionic Framework<\/a> anunciou a vers\u00e3o beta 4.0.0, e n\u00f3s do MX Cursos traremos neste artigo para voc\u00ea o que de bom podemos esperar at\u00e9 que a vers\u00e3o oficial seja lan\u00e7ada de fato!<\/p>\n

De in\u00edcio podemos destacar que essa vers\u00e3o traz desempenho significativo e melhorias de tempo, recursos poderosos temas, compatibilidade com multi-framework (vue, react..), documenta\u00e7\u00e3o totalmente nova e muito mais.<\/p>\n

O Ionic Framework 4 foi reconstru\u00eddo a partir do zero usando APIs padr\u00f5es da Web e e cada componente \u00e9 empacotado como um Componente da Web, fortalecendo o conceito de PWA.<\/p>\n

Stencil<\/h2>\n

\"Stencil\"O Stencil<\/a> \u00e9 um compilador simples para gerar componentes da Web e Progressive Web Apps (PWA). Ele fora criado pela equipe do Ionic Framework para sua pr\u00f3xima gera\u00e7\u00e3o de componentes Web m\u00f3veis e de desktop com alto desempenho.<\/p>\n

O Stencil combina os melhores conceitos das estruturas de front End mais populares em uma ferramenta de tempo de compila\u00e7\u00e3o, em vez de em tempo de execu\u00e7\u00e3o. \u00c9 preciso usar o TypeScript, JSX, uma min\u00fascula camada DOM virtual, uma liga\u00e7\u00e3o de dados unidirecional eficiente, um pipeline de renderiza\u00e7\u00e3o ass\u00edncrona (semelhante ao React Fiber) e carregamento lento pronto para uso, al\u00e9m de gerar 100% de componentes da Web baseados em padr\u00f5es nos navegadores.<\/p>\n

Os componentes do Stencil s\u00e3o apenas Web Components, portanto funcionam em qualquer estrutura principal ou sem nenhum framework. Em muitos casos, o Stencil pode ser usado como um substituto para as estruturas de Front End tradicionais, dadas as capacidades agora dispon\u00edveis no navegador, embora n\u00e3o seja necess\u00e1rio us\u00e1-lo como tal.<\/p>\n

Nota: Stencil e Ionic s\u00e3o projetos completamente independentes. O Stencil n\u00e3o prescreve nenhum framework espec\u00edfico de UI, mas o Ionic \u00e9 o maior usu\u00e1rio do Stencil (hoje!)<\/em><\/p>\n

Integra\u00e7\u00e3o e Compatibilidade<\/h2>\n

Desde o in\u00edcio, o Ionic foi constru\u00eddo para funcionar bem com o Angular.<\/p>\n

Mas a vis\u00e3o original era criar um framework de interface de usu\u00e1rio que pudesse trabalhar com\u00a0qualquer tecnologia <\/em>que<\/em>\u00a0um desenvolvedor web escolhesse, algo que n\u00e3o pudemos fazer – at\u00e9 agora.<\/p>\n

Para aqueles que usam Angular, isso significa que muito pouco vai mudar.\u00a0A maioria das APIs e tags continuam a funcionar como um desenvolvedor Angular esperaria, e os principais servi\u00e7os Angulares do Ionic funcionam exatamente como costumavam.<\/p>\n

Uma das maiores vantagens da nova arquitetura da v4<\/strong> \u00e9 a capacidade de fazer melhorias internas cont\u00ednuas, sem exigir atualiza\u00e7\u00f5es de estrutura Angular.<\/p>\n

O mesmo pode ser dito sobre o uso do Ionic no Vue, React. Assim como com o Ionic Angular, o objetivo \u00e9 facilitar a ado\u00e7\u00e3o do Ionic nos frameworks mais populares usando seus padr\u00f5es convencionais. Em rela\u00e7\u00e3o \u00e0 isso, a equipe do Ionic promete muita discuss\u00e3o e ajustes!!<\/p>\n

Nova Documenta\u00e7\u00e3o<\/h2>\n

\u00c9 quase que indiscut\u00edvel que o Ionic Framework possui umas das melhores documenta\u00e7\u00f5es de Frameworks com c\u00f3digo aberto, inclusive \u00e9 muito bem visto e quisto pela comunidade (que \u00e9 grande!).<\/p>\n

N\u00e3o satisfeito, a equipe reformulou completamente e melhoraram drasticamente a documenta\u00e7\u00e3o do Ionic Framework, aumentando o desempenho de carga e navega\u00e7\u00e3o e facilitando a atualiza\u00e7\u00e3o e a manuten\u00e7\u00e3o.\u00a0Passando meses certificando-se de que h\u00e1 mais exemplos e visualiza\u00e7\u00f5es para usar, al\u00e9m de mais snippets de c\u00f3digo prontos para serem lan\u00e7ados diretamente no seu aplicativo.\u00a0Os novos documentos s\u00e3o criados com o compilador Web Component, Stencil, e s\u00e3o\u00a0open source<\/a>\u00a0.<\/p>\n

Ionicons 4.0<\/h2>\n

Agora, os \u00edcones est\u00e3o dispon\u00edveis e distribu\u00eddos como componentes da web com tamanhos drasticamente reduzidos, e novas formas de \u00edcones refletindo os mais recentes estilos de iOS e Material Design.<\/p>\n

Ionic Native 5.0 Beta<\/strong><\/h2>\n

Tamb\u00e9m fora atualizado para ser independente de framework!\u00a0Agora podemos usar os \u201cwrappers\u201d fora do Angular como classes simples, enquanto ainda oferece fornecedores Angular que trabalham com inje\u00e7\u00e3o de depend\u00eancia.\u00a0Confira os novos documentos da API nativa<\/a>.<\/p>\n

O que vem por a\u00ed?\u00a0<\/strong><\/h2>\n

A equipe do Ionic ainda promete muito sobre o Ionic 4, ent\u00e3o o que est\u00e1 listado acima \u00e9 apenas uma r\u00e1pida olhada.<\/p>\n

Com a vers\u00e3o beta, finalmente, eles pedem que n\u00f3s, desenvolvedores, fa\u00e7amos alguns testes e reportem o feedback a eles!<\/p>\n

Para isso, eles adotaram o novo\u00a0GitHub Project Board<\/a>\u00a0para tornar o que est\u00e3o trabalhando ativamente mais transparente.\u00a0E quando sentirem que as vers\u00f5es beta est\u00e3o est\u00e1veis, a\u00ed sim ser\u00e1 feito o release candidate da vers\u00e3o v4.0.0.<\/p>\n

Quer aprender a desenvolver aplicativos m\u00f3veis? Conhe\u00e7a nossos cursos<\/a> e crie apps com Ionic, Dart, Flutter, Android, entre outros.<\/p>\n

Por enquanto, ficamos ansiosos com tudo isso!!<\/p>\n

Valeu e at\u00e9 a pr\u00f3xima!<\/p>\n","protected":false},"excerpt":{"rendered":"

A equipe de desenvolvimento do Ionic Framework anunciou a vers\u00e3o beta 4.0.0, e n\u00f3s do MX Cursos traremos neste artigo para voc\u00ea o que de bom podemos esperar at\u00e9 que a vers\u00e3o oficial seja lan\u00e7ada de fato! De in\u00edcio podemos destacar que essa vers\u00e3o traz desempenho significativo e melhorias de tempo, recursos poderosos temas, compatibilidade […]<\/p>\n","protected":false},"author":152,"featured_media":18743,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[678],"tags":[],"class_list":["post-16625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/16625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/152"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=16625"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/16625\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/18743"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=16625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=16625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=16625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}