Fantasia

(🏗 Work in progress)

A personal component library based on Stencil.js and Web components

Components

• modal

Project structure

├── fantasia-stencil # web components 
└── fantasia-react # react wrapper for integration

Quick start

usage: vanilla JS application

<ft-modal></ft-modal>

usage: React application

import { FtModal } from '@paladinze/fantasia-react';

Development

try out stencil components in standalone environment

cd fantasia-stencil
npm run start

build stencil library

cd fantasia-stencil
npm run dev

link stencil library with react wrapper library

cd fantasia-react
npm link fantasia

use the components when developing

cd fantasia-react
npm link

cd my-project
npm link fantasia-react