Neko UI

Universal React Native UI library (works on react-native, react-native-web and react).

Install

yarn add @neko-os/ui ramda dayjs

Web or native-web

yarn add react-native-web

Vite config

vite.config.js:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      'react-native': 'react-native-web',
      'react-native-svg': 'react-native-svg-web',
    },
    extensions: ['.web.js', '.js', '.jsx', '.json'],
  },
})

Usage (TODO)

import { SimpleLinesChart } from '@neko-os/ui

const DATA = [
  {
    serie: 'A',
    data: [
      { x: 'Jan', y: 50 },
      { x: 'Feb', y: 80 },
      { x: 'Mar', y: 40 },
      { x: 'Apr', y: 120 },
      { x: 'May', y: 70 },
    ],
  },
  {
    serie: 'B',
    data: [
      { x: 'Jan', y: 30 },
      { x: 'Feb', y: 60 },
      { x: 'Mar', y: 90 },
      { x: 'Apr', y: 75 },
      { x: 'May', y: 100 },
    ],
  },

  {
    serie: 'C',
    data: [
      { x: 'Jan', y: 3 },
      { x: 'Feb', y: 6 },
      { x: 'Mar', y: 9 },
      { x: 'Apr', y: 7 },
      { x: 'May', y: 10 },
    ],
  },
]


<SimpleLinesChart data={DATA} />