architecture-it/stylesystem-mob ¶

Acerca¶

Set de componentes y utilidades para aplicaciones frontend en React Native.

Instalación¶

El paquete necesita dependencias que no incluye por un tema de peso final, actualizacion y mantenimiento.

Tiene dependencias directas de React native paper

Por lo que se tiene que instalar con las respectivas dependencias:

yarn add @architecture-it/stylesystem-mobile

Uso¶

Para que permita recibir estilos, tema y variables de css se debe configurar el punto principal (app.tsx en react, _app.tsx en nextjs).

import { StyleSystemProvider } from "@architecture-it/stylesystem-mobile";

function App() {
  return (
    <StyleSystemProvider>
      {/** Resto de la aplicación */}
    </StyleSystemProvider>
  );
}

export default App;

Playground¶

Para poder ver que componentes tenemos y sus capacidades tenemos un storybook en la intra (debes estar en la vpn para acceder) con todos los componentes dónde puedes probar, testearlos y ver como funcionan.

Storybook: Link al playground

storybook-gif

Mas información¶

Para saber más acerca, de convenciones, paleta de colores, iconos e ilustraciones, porfavor ir a documentacion