Capítulo 1: Introducción a Rozenite

Por: Siempre Listo
rozenitereact-nativeintroducciondevtools

Introducción a Rozenite

Rozenite es un framework de DevTools modulares para React Native que se integra directamente en tu aplicación.

¿Qué es Rozenite?

Rozenite proporciona paneles de DevTools plug-and-play que aparecen automáticamente dentro de React Native DevTools. Sus características principales:

  • Instalación simple: Instala plugins y aparecen automáticamente
  • Experiencia unificada: Todo dentro de DevTools, sin ventanas extra
  • Debugging en tiempo real: Updates en vivo mientras usas la app
  • Seguridad: Se desactiva automáticamente en producción

Comparativa con Otras Herramientas

CaracterísticaRozeniteReactotronFlipper
IntegraciónDevTools nativoApp externaApp externa
SetupMínimoModeradoComplejo
PluginsModularesFijosPlugins
ProducciónAuto-desactivaManualManual
Re.PackSoportadoLimitadoLimitado

Arquitectura

flowchart TD
    subgraph DevTools["React Native DevTools"]
        subgraph Core["Rozenite Core"]
            NP["Network<br/>Plugin"]
            SP["Storage<br/>Plugin"]
            PP["Perf<br/>Plugin"]
            CP["Custom<br/>Plugins"]
        end
    end

Características Principales

Plug-and-Play

Instala un plugin y aparece automáticamente en DevTools.

Experiencia Unificada

Todo dentro de React Native DevTools sin apps externas.

Seguridad en Producción

Código de plugins no llega a builds de producción.

Ejercicio Práctico

Objetivo

Explorar la documentación oficial de Rozenite.

Pasos

  1. Visita rozenite.dev
  2. Explora los plugins disponibles
  3. Revisa el directorio de plugins
  4. Identifica 3 plugins útiles para tu proyecto

Criterios de Éxito

  • Visitaste la documentación oficial
  • Identificaste plugins útiles
  • Entiendes la diferencia con otras herramientas