Sebastian Gomez

Mar 24, 2022

Updated: Jun 24, 2026

El Boilerplate por excelencia para crear aplicaciones con React Native

Cuando empezamos un proyecto de React Native desde cero, perdemos mucho tiempo tomando decisiones que en realidad ya están resueltas: qué librería de navegación usar, cómo organizar las carpetas, cómo manejar el estado, qué configuración de testing aplicar. Un buen boilerplate nos ahorra todo eso y nos deja arrancar directamente con buenas prácticas. En este post quiero presentarte el que, en mi opinión, es el boilerplate por excelencia para React Native.

Primero, conozcamos a Infinite Red

Antes de hablar del boilerplate, déjame presentarte a Infinite Red, una startup de San Francisco compuesta por un grupo de expertos en el desarrollo de aplicaciones con React Native. Sus clientes los contratan para construir sus aplicaciones en React Native y, además de eso, también contribuyen al núcleo de React Native. Por lo tanto, son desarrolladores bastante expertos, centrados en el nicho de React y React Native. Puedes obtener más información sobre ellos en su sitio web infinite.red.

El boilerplate se llama Ignite

En 2017, Infinite Red publicó un boilerplate de código abierto en GitHub para que cualquier desarrollador en el mundo pudiera comenzar su proyecto desde cero, pero cumpliendo con los estándares de desarrollo empresarial: escalabilidad, mantenibilidad y un conjunto de buenas prácticas a nivel de testing, navegación, estructura, nomenclatura y componentes, entre otras cosas.

Ese boilerplate se llama Ignite y lo puedes encontrar en github.com/infinitered/ignite. Es uno de los boilerplates de React Native más usados y mejor mantenidos del ecosistema, y se actualiza de forma constante para seguir el ritmo de las versiones nuevas de React Native y Expo.

Nota sobre versiones. Ignite se ha apoyado en Expo desde hace varias versiones mayores, de modo que el flujo recomendado hoy es muy distinto al de 2017. En lugar de clonar el repositorio, instalas un proyecto nuevo con su CLI. Antes de empezar, revisa el README del repositorio para ver las versiones exactas de React Native, Expo e Ignite que se están enviando en este momento, porque cambian con frecuencia.

>

Nota: a fecha de 2026, Ignite va por la versión 11.x (v11.5.0) y la CLI se sigue usando como ignite-cli (npx ignite-cli@latest new). La plantilla actual apunta a React Native 0.81, Expo SDK 55, React 19 y TypeScript 5.

Cómo arrancar un proyecto con Ignite

La forma moderna de usar Ignite no es clonar el repositorio, sino crear un proyecto nuevo con su CLI. Ejecuta el siguiente comando, que descarga la última versión de la herramienta y genera el proyecto:

npx ignite-cli@latest new MyApp

La CLI te hará algunas preguntas (gestor de paquetes, si quieres incluir ejemplos, qué flujo de navegación prefieres) y al terminar tendrás un proyecto listo para correr. Desde ahí puedes arrancarlo como cualquier app de Expo o React Native:

cd MyApp
npm start

Nota: el asistente de ignite-cli new te pregunta por el gestor de paquetes, si incluir ejemplos y el flujo de navegación; los scripts de arranque pueden variar ligeramente entre versiones de Ignite.

Qué encontramos dentro de Ignite

Como el video original de este post ya no está disponible, vale la pena describir por escrito lo que Ignite trae de fábrica, que es justo lo que lo hace tan valioso:

• Estructura de carpetas opinada. Ignite separa con claridad pantallas, componentes, navegación, servicios y modelos, de modo que un proyecto grande sigue siendo fácil de leer y mantener.
• Navegación configurada. Viene integrado con React Navigation y con una estructura de stacks lista para crecer.
• Manejo de estado. Incluye una solución de estado bien integrada, de forma que no tienes que decidir ni cablear todo desde cero.
• Testing listo para usar. Trae configuración de testing para que escribir pruebas sea parte natural del flujo y no algo que dejas para después.
• Generadores de código. A través de la CLI puedes generar pantallas, componentes y modelos con un solo comando, manteniendo siempre la misma convención de nombres y estructura.
• Componentes base. Incluye un conjunto de componentes de interfaz reutilizables como punto de partida.

La idea de fondo es que no estás arrancando con un lienzo en blanco, sino con las mismas convenciones que un equipo profesional usaría en producción.

Conclusiones

• Infinite Red es una startup experta en el desarrollo de aplicaciones con React Native, y además contribuye al núcleo del framework.
• Su boilerplate open source se llama Ignite, y existe para ayudarnos a empezar proyectos siguiendo buenas prácticas y estándares empresariales.
• Conocer y aplicar un boilerplate como Ignite nos ayuda a garantizar la escalabilidad, la mantenibilidad y la calidad de nuestras aplicaciones en React Native desde el primer día.

Ejercicios para practicar

1. Crea un proyecto nuevo con la CLI de Ignite ejecutando npx ignite-cli@latest new MyApp y arráncalo para verlo funcionando.
2. Explora la estructura generada: identifica dónde viven las pantallas, los componentes, la navegación y los modelos, y entiende por qué están separados así.
3. Usa un generador de Ignite para crear una pantalla o un componente nuevo, e implementa una característica adicional siguiendo las convenciones y la estructura del boilerplate.

Resumen de lo aprendido

1. Conocimos a Infinite Red, una startup experta en desarrollo de aplicaciones con React Native.
2. Aprendimos que su boilerplate open source se llama Ignite y que hoy se usa a través de su CLI, no clonando el repositorio.
3. Descubrimos qué trae Ignite de fábrica (estructura, navegación, estado, testing, generadores y componentes) y por qué aplicarlo asegura calidad y escalabilidad en nuestros proyectos.

Eso es todo, espero que este post te sea de utilidad y lo puedas aplicar a algún proyecto que tengas en mente. Déjame un comentario si te sirvió, si quieres añadir alguna opinión o si tienes alguna duda. Y recuerda que si te gustó, también puedes compartirlo usando los links a las redes sociales aquí abajo. Buena suerte con tu próxima app en React Native.