Por Mauricio Roa, Programador Front End de Lanscape
Así como revisamos los Frameworks para Microfrontend en una nota previa, hoy hablaremos sobre “Ignite”. Así se le llama al conjunto de herramientas que permiten acelerar el desarrollo de aplicaciones en React Native, por medio de herramientas para testing, debugging, manejo de estilos, font, animaciones, fechas, estados, etc.
React Native es un framework de desarrollo basado en Javascript que nos permite el desarrollo de aplicaciones Mobile para IOS y ANDROID con la base de React como Framework.
Ignite nos permite acelerar el comienzo del desarrollo de las aplicaciones, dándonos un conjunto de herramientas actualizadas y poderosas para cada posible aspecto que tendrá nuestra aplicación. Además de las herramientas, nos propone una estructura de proyecto y archivos que facilitan el desarrollo y orden de componentes dentro del mismo:
En esta columna les comentaré sobre las herramientas generales que nos trae este poderoso Boilerplate:
React Navigation (Native)
React Navigation es una biblioteca popular para navegar entre múltiples componentes. React Navigation administra la pila de navegación de la aplicación. Esta tiene tres bibliotecas, StackNavigator, Drawer Navigator, TabNavigator, las cuales se pueden utilizar de la siguiente manera:
-StackNavigator: Utilízalo mientras navegas de un componente a otro. Puedes usar push, pop, goBack, entre muchas más acciones en las pantallas.
-Drawer Navigator: Es de ayuda para cuando tienes varios menús en el menú lateral, y cada menú tiene varias pantallas. Por lo tanto, puedes cambiar todos sus menús principales a drawer, puedes presionar cualquiera de ellos y se abrirá su componente/pantalla específica.
-Tab Navigator: Ayuda cuando deseas ofrecer varias opciones de menú en la parte inferior y cada menú tiene varias pantallas. Cada opción del menú inferior tiene una pantalla/componente específico.
Ignite es solo una de las herramientas que recomendamos utilizar desde Landscape, ¿Quieres escoger la mejor herramienta para desarrollo? Aquí estamos los ingenieros e ingenieras de Landscape para ayudarte.
MobX State Tree
MobX es una librería de administración de estados para React Native. La función de MobX permite guardar, actualizar y restaurar el estado del componente de REACT.
Typescript
Typescript es un lenguaje de programación ampliamente utilizado junto a Javascript. Muchas de las bibliotecas populares ahora están disponibles en TypeScript, debido a la experiencia simplificada de verificación de errores de código, antes de su ejecución.
Date-fns
Date-fns es una biblioteca de fechas con varias funciones, como pluralización, localización de fecha/hora, localización de números y más.
APISauce
APISauce es una biblioteca de JavaScript para la integración de API REST. Ignite está bien estructurado para APISauce, y tiene las llamadas a API bien simplificadas dividiendo la lógica empresarial entre varios archivos.
Theme | Fonts | Color
Esta jerarquía de carpetas contiene una inicialización común para el color, el espaciado, el tiempo, las fuentes y todo. Puede crear su propio archivo para constantes relacionadas con temas comunes.
Flipper
Flipper es una herramienta que hasta ahora se manejaba propiamente en sus respectivos IDEs Android Studio o XCode, pero ganó mucha popularidad porque permite hacer debug a ambas aplicaciones desde esta herramienta.
Este es solo el 40% de las herramientas que IGNITE pone a la disposición del equipo de desarrolladores, se pueden encontrar más herramientas para testing y debugging en su versión completa que pueden encontrar aquí
¿Quieres conocer más detalles? En Landscape te podemos asesorar, solo debes escribirnos a contacto@landscape.cl
