@composi/create-composi-app:

• create-composi-app
• Instalación
• Uso

create-composi-app

En lugar de la carga de instalar todas las partes para crear un proyecto Composi, puede usar create-composi-app para comenzar a trabajar rápidamente.

create-composi-app crea un proyecto con una buena estructura y con tarea que vigila sus archivos y reconstruye y recarga el navegador cuando se realizan cambios. También incluye Eslint, tanto como Prettier para formatear el código.

La configuración para un nuevo proyecto es así:

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

Módulos Incluídos

Cuando creas un proyecto nuevo, ése inlcuye los siguientes módulos @composi ya listos para importar si se necesitan:

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

Para usarlos tan sólo hay que importarlos en el proyecto:

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'

Lée la documentación de los enlaces anteriors para aprender cómo usarlos.