@composi/create-composi-app:

• create-composi-app
• Install
• Usage

create-composi-app

Rather than the drudge of installing all the parts to create a Composi project, you can use create-composi-app to get up and going quickly.

create-composi-app creates a project with sound structure with a task run that watches your files and rebuilds and reloads the browser when you make changes. It also provides Eslint and Prettier for formatting.

The setup for a new project is like this:

my-project-|
    src-|
        css-|
        |-css-reset.css
        |-styles.css
        images-|
          icons-|
            |-favicon-16x16.png
            |-favicon-32x32.png
        js-|
          components-|
          |-title.js
        |-app.js
        |-types.js
    |-.bablerc
    |-.editorconfig
    |-.eslintrc.json
    |-gulpfile.js
    |-index.html
    |-package.json
    |-README.md
    |-tsconfig.d.ts

Included Modules

When you create a new project, it includes the following @composi modules ready for you to import if you need to:

• @composi/are-equal
• @composi/clone
• @composi/core
• @composi/gestures
• @composi/get-type
• @composi/idb
• @composi/router
• @composi/styler
• @composi/uuid

To use these you just need to import them into your project:

import { h, render } from '@composi/core'
import { areEqual } from '@composi/are-equal'
import { clone } from '@composi/clone'
import { gestures } from '@composi/gestures'
import { getType } from '@composi/get-type'
import { idb } from '@composi/idb'
import { Router } from '@composi/router'
import { addStyles } from '@composi/styler'
import { uuid } from '@composi/uuid'

Read the documentation from the links above to learn how to use them.