waya v0.0.3

waya

Yet another way to build web app

TypeScript . React/Redux . Sass

npm i -g waya

Index

• Features
• Getting Start
• Script
  • Router
  • Actions
• Style
  • Themes
  • Variables
• Static
  • Logo
  • Icon
  • Image
  • Others
• Cli

Features

[ Back to index ]

Getting Start

mkdir app && cd app
waya

[ Back to index ]

Script

<root>/App.tsx will auto load when exists

[ Back to index ]

Router

[ Back to index ]

Actions

<root>/store.ts will auto load when exists

[ Back to index ]

style

<root>/style.scss will auto load when exists

[ Back to index ]

Themes

[ Back to index ]

light/dark theme

[{
  "name": "light",
  "vars": {
    "color-primary": "white"
  }
},{
  "name": "dark",
  "vars": {
    "color-primary": "black"
  }
}]

Or short for:

[{
  "color-primary": "white"
},{
  "color-primary": "black"
}]

[ Back to index ]

multi themes

[{
  "name": "red",
  "vars": {
    "color-primary": "red"
  }
},{
  "name": "blue",
  "vars": {
    "color-primary": "blue"
  }
}]

[ Back to index ]

Variables

If <root>/style.json provide, inject the root selector to entrypoint and transform to json data to css properties. Like:

{
  "color-primary": "lightblue"
}

Will transform to:

:root {
  --color-primary: lightblue;
}

[ Back to index ]

cli

[ Back to index ]