@codizium/create-feedjs

A CLI tool to create new FeedJS applications from a starter template.

Installation

npm install -g @codizium/create-feedjs

Usage

create-feedjs my-app

Or use npx:

npx @codizium/create-feedjs my-app

This will create a new directory called my-app with the following structure:

my-app/
├── index.html
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── vite.config.ts
└── src/
    ├── main.ts
    ├── pages/
    │   ├── index.f.html
    │   └── calculator.f.html
    ├── states/
    │   ├── calculator.ts
    │   └── index.ts
    └── styles/
        └── main.css

Features

• FeedJS Framework - A modern reactive SPA framework
• Vite - Fast development and building
• Tailwind CSS - Utility-first CSS framework
• TypeScript - Type safety out of the box

Getting Started

After creating a new project:

cd my-app
npm install
npm run dev

The app will start at http://localhost:3000

Routes

• / - Home page with FeedJS introduction
• /calculator - Scientific calculator demo

Template Syntax

FeedJS uses custom directives in HTML templates:

<!-- Text binding -->
<span f-text="expression"></span>

<!-- Click handler -->
<button f-on:click="calculate()">=</button>

<!-- Loop -->
<li f-for="item in items">{{ item.name }}</li>

<!-- Conditional -->
<div f-if="showContent">Content</div>

License

ISC