Breaking

Post Top Ad

Your Ad Spot

martes, 8 de octubre de 2019

Lanzamiento de Vue Native 0.1.0

EDITAR: Vue Native se actualizó a v0.1.1 que corrige un bloqueo de la aplicación que se describe aquí . El nuevo registro de cambios se puede encontrar aquí .
Vue Native vio su primer lanzamiento en enero de 2018. Desde entonces, Vue Native se ha encaminado a convertirse en la opción ideal para losdesarrolladores de VueJS para crear aplicaciones móviles, comenzando como un experimento de código abierto para ser reconocido y alabado por el inventor de VueJS él mismo, y el viaje ha sido estable y estable.
Si ha estado siguiendo a Vue Native , sabrá que con cada iteración, Vue Native se ha convertido en una gran acumulación de características como mapas de origen, mapeos de errores, animaciones, etc., lo que lo ha acercado a ser el Marco de Facto para dispositivos móviles Desarrollo de aplicaciones en VueJS . Más importante aún, todo el trabajo duro nos ha traído a nosotros y este Marco hasta el día de hoy.
Hoy estamos orgullosos de lanzar Vue Native 0.1.0 .
Esta versión agrega muchas más funciones, ofrece soporte para las últimas versiones de Frameworks relacionados y aleja a Vue Native de los métodos y modelos obsoletos.
Una lista detallada de características en esta versión es la siguiente:

Vue Native Core

Esta vez, la mayor parte del trabajo en el repositorio central se centró en facilitar las futuras versiones. Al mismo tiempo, se agregó soporte para los últimos lanzamientos de React, React Native y Expo.
  • Se hizo mucho trabajo para mejorar el flujo de compilación y lanzamiento. Esto requirió mucha reestructuración del repositorio.
  • Las dependencias subyacentes se actualizaron en todos los paquetes para aprovechar las mejoras de rendimiento y las correcciones de errores.
    buble: 0.19.8
    rollup: 1.17.0
    rollup-plugin-alias: 1.5.2
    rollup-plugin-buble: 0.19.8
    rollup-plugin-replace: 2.2.0
    uglify-js: 3.6.0
  • Se agrega soporte para React 16.8.6.
  • Métodos obsoletos del ciclo de vida como componentWillMountcomponentWillReceivePropscomponentsWillUpdateson reemplazados por sus respectivos ‘UNSAFE_’equivalentes prefijados. En el futuro, serán reemplazados por métodos alternativos de ciclo de vida que sean aceptados. Por esta razón, se ha eliminado la compatibilidad con React 16.3 y versiones posteriores.
  • React Native 0.60 ahora es compatible . Para actualizar, utilice el comando de actualización react-native
NOTA: Si está utilizando Vue Native CLI para generar un nuevo proyecto, seguirá creando uno con React Native 0.59. Deberá actualizar manualmente a v0.60
Para ofrecer un mejor soporte para estas versiones, se eliminan algunos componentes obsoletos de React Native. Los siguientes componentes ya no se pueden usar directamente en los componentes nativos de Vue a menos que se importen explícitamente desde 'react-native' :
AlertIOS
AsyncStorage
ImageStore
ListView
MaskedViewIOS
NetInfo
Slider
SwipeableListView
ViewPagerAndroid
WebView
  • Expo SDK 33 ahora es compatible . La actualización a esta versión de Expo facilita la generación de APK de Android de 64 bits.

Vue Native CLI

La CLI es la interfaz principal utilizada para generar nuevas aplicaciones nativas de Vue. Se realizan mejoras menores en la CLI con esta versión, como se menciona a continuación:
  • Los mensajes de la línea de comandos se mejoraron para ser más informativos y se actualizaron para reflejar nuevos nombres / convenciones de paquetes subyacentes.
  • Se agrega una nueva opción de línea de comando — no-expo (que funciona de la misma manera que -no-crna). Genera un nuevo proyecto Vue Native con en react-native-clilugar de Expo.
  • Las dependencias subyacentes se actualizan a las últimas versiones
    chalk: 2.4.2
    commander: 2.20.0
    ora: 3.4.0
    prompt: 1.0.0
  • Correcciones de errores menores.
En caso de que sea un usuario nuevo, puede usar la CLI para generar un nuevo proyecto de Expo con el siguiente comando:
$ vue-native init <projectName>
Alternativamente, si desea usar React Native sin Expo, use
$ vue-native init <projectName> --no-expo

Vue Native Router

Vue Native Router es un contenedor experimental alrededor de React Navigation que proporciona una API para navegar entre pantallas con facilidad.
Actualizamos React Navigation a v3. Esto trae mejoras, así como cambios importantes. A continuación se incluye una lista de cambios que deberá realizar:
  • La exportación predeterminada se ha eliminado a favor de la importación del espacio de nombres. Usar en
    import * as VueNativeRouter from 'vue-native-router'
    lugar de
    import VueNativeRouter from 'vue-native-router'
  • Se requiere un contenedor de aplicaciones explícito para el navegador raíz. El navegador raíz ahora necesita ser envuelto createAppContainerPor favor, consulte este artículo para más detalles.
  • En configuraciones de navegador, se navigatorOptionsha cambiado el nombre a defaultNavigationOptionsPor favor, consulte este artículo para más detalles.
  • El comportamiento de los métodos pushy del navigatenavegador ha cambiado. Por favor, consulte este artículo para más detalles.
  • Las rutas de los cajones han sido reemplazadas por acciones. Usar en navigation.openDrawer()lugar de navigation.navigate(‘DrawerOpen’)Consulte este artículo para obtener más detalles.
  • Drawer ahora mantiene pestañas inactivas en la memoria por defecto.
  • El color de fondo predeterminado de la pila ahora es blanco.
  • StackNavigatorSwitchNavigatorDrawerNavigatorTabNavigatorya no se exportan. Utilice createStackNavigatorcreateSwitchNavigatorcreateDrawerNavigatorcreateTabNavigator en su lugar.
  • createNavigationContainerestá en desuso react-navigationy, por lo tanto, se elimina.
  • DrawerItemsha cambiado de nombre a DrawerNavigatorItems.
  • TabViewTabBarTopTabBarBottomse eliminan ya que no son proporcionados por react-navigation/tabs.
Los componentes ya no se exportan directamente react-navigation, ya que la biblioteca se dividió en otros más pequeños. Por esta razón, el react-navigationpaquete ya no es una dependencia y las siguientes dependencias se agregan en su lugar:
"@ react-navigation / core": "^ 3.4.2", 
"@ react-navigation / native": "^ 3.5.0", 
"react-navigation-drawer": "^ 2.0.0", 
"react- navigation-material-bottom-tabs ":" ^ 1.0.0 ", 
" react-navigation-stack ":" ^ 1.4.0 ", 
" react-navigation-tabs ":" ^ 2.3.0 "
Por esta razón, además de react-native-gesture-handlerreact-native-reanimatedreact-native-paperse requiere como una dependencia entre pares (por react-navigation-material-bottom-tabs)

Actualizando su proyecto a la nueva versión

Dependiendo de su versión actual de React Native o Expo, la complejidad de la actualización puede variar. En cualquier caso, siga estos pasos básicos para actualizar a la última versión:
Actualizar las versiones de los paquetes en su apackage.json
”vue-native-core”: “0.0.8”,
“vue-native-helper”: “0.0.11”,
“vue-native-scripts”: “0.0.16”
“vue-native-router”: “0.0.1-alpha.3”

”vue-native-core”: “0.1.0”,
“vue-native-helper”: “0.1.0”,
“vue-native-scripts”: “0.1.0”
“vue-native-router”: “0.1.0”

Para usuarios de la Expo

  1. Actualice la versión Expo SDK en app.json.
    ”sdkVersion”: “33.0.0”,
  2. Actualice la versión del paquete Expo en el package.jsonarchivo.
    ”expo”: “33.0.0”,
  3. Actualice la versión del paquete react-native en su package.json.
    ”react-native”: “https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
  4. Use esta guía de actualización de Expo para obtener más información.

Para usuarios de React Native CLI

  1. Use react-native upgradepara actualizar a v0.59 o v0.60
  2. Es posible que deba realizar otros cambios manualmente en su código. Las notas de la versión en https://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059 son útiles para esto.
Las versiones futuras de Vue Native están en proceso, y mejorarán las características existentes de este marco para hacerlo más versátil y fácil de usar.
Las notas de la versión oficial de Vue Native Core están aquí , y las notas de la versión oficial de Vue Native CLI están aquí .
Las notas de la versión de Vue Native Router se pueden encontrar en este enlace .
Esté atento a este blog para noticias y actualizaciones periódicas. También puedes seguir los documentos oficiales de Vue-Native aquí:
Me gustaría extender un agradecimiento especial a Rishabh Karnad por ser responsable de Vue Native y este lanzamiento. Él es el cerebro detrás de todo esto.
¡Buena suerte!

Soy Digvijay Wanchoo. Me encantan los videojuegos y diezmar vidas con juegos de palabras sin sentido del humor. He avanzado en la vida como A. Gerente de Marketing y Comunicaciones en GeekyAnts, pero seguiré siendo su fuente para todas las actualizaciones sobre la colonia creativa de GeekyAnts.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas