Menu

Liberado oficialmente Ionic 4

ionic - January 24, 2019 por Carlos Rojas | Edita este Post.
ionic4.0.0ionic-cli4.1.0

Finalmente despues de mucho tiempo de avances, historias y muchas betas y RCs tenemos una versi贸n estable de ionic lista para poder usar en producci贸n 馃帀

El dia de hoy se hizo un gran anuncio en su Blog y no era para menos ya que ionic 4 es algo totalmente distinto a la manera como se venia haciendo Apps en Ionic desde los ultimos 2 a帽os, pero 驴 Que hace a Ionic 4 tan especial ?

El fin al Frontend Churn.

Posiblemente ya has vivido la constante ansiedad por las decenas de frameworks de Javascript que se liber谩n semanalmente y no digo que esto esta mal ya que es parte del dinamismo que me hizo elegir el Frontend como mi especialidad y es parte de la innovaci贸n que se vive en este campo. Si recuerdas Ionic fue construido sobre AngularJS y posteriormente portado a Angular lo cual fue una mejora muy grande para el desarrollo hibrido con tooling moderno, pero esto a煤n hacia que los desarrolladores que utilizaban React o VueJS no se pudieran ver beneficiados de los excelentes componente que Ionic nos ofrece a los desarrolladores Web.

Esto cambio con la estandarizaci贸n de los Web Components una colecci贸n de APIs que te permiten crear tus propias etiquetas de manera nativa en el navegador, lo cual hizo que fuese posible utilizar los Componentes de Ionic (Aka Componentes de Angular) en Componentes que se pueden utilizar con cualquier framework.

Mejoras en rendimiento.

Gracias a la filosofia del equipo de Ionic de crear componentes altamente optimizados y su distribucion como Web Componentes la Primera renderizaci贸n significativa ha mostrado un descenso significativa en Ionic Angular.

Estandarizaci贸n para la personalizaci贸n 馃帹

Ahora Ionic esta utilizando CSS Variables lo cual permite que los componentes sean expuestos a trav茅s de un API el cual se podra manipular de una manera mas estandar sin tener que recurrir a la antigua manera de hacer Ionic con un preprocesador SASS o directamente sobre el CSS de los componentes.

Nueva documentaci贸n.

Ahora podras encontrar la nueva documentaci贸n de Ionic la cual ha sido redise帽ada y simplificada para ayudarte a encontrar las cosas mas importantes que puedas necesitar en tu desarrollo.

Uso de CLI de cada Framework

Esto personalmente me parece lo mas cool de este nuevo cambio, ya que vas a poder utilizar el Angular CLI, el React CLI, o el Vue CLI directamente sobre Ionic lo cual abre un mundo de posibilidades y no dejaras que te quedes atras con caracteristicas que vayan implementando sus desarrolladores en estas excelentes herramientas.

驴Como comenzar?

Bueno el procedimiento sigue siendo parecido a los anteriormente vistos.

$npm install -g ionic
$ionic start awesome-app

Adicionalmente si quieres migrar tu App, debes seguir la Guia de migraci贸n.

Bueno esperamos que estes tan emocionado como nosotros y sig谩n programando :)

Ver c贸digo

隆Comp谩rtelo!