Version: v1.0.3 Beta

MochiiJS is a JavaScript framework developed by MochiiCorp for building web applications with a simple, page-based structure and command-line tools.

MochiiJS is currently in v1.0.3 Beta and is distributed through MochiiCorp's installer.

Features

• Page-based routing structure — organize your pages inside src/pages/.
• Reusable components — create shared components inside src/components/.
• Templates directory support — keep a templates/ directory inside src/pages/ without it being treated as a page.
• React support — build interfaces using React and React DOM.
• SCSS/Sass support — style your applications with Sass.
• Development server — start a local development server using the MochiiJS CLI.
• Live reload — streamline development as you make changes.
• Production builds — build your application using the CLI.
• Static assets — place static files in the public/ directory.
• Custom JSX syntax — use class instead of className.
• Command-line interface — create projects, develop, build, and clean generated files.

Requirements

Before installing MochiiJS, make sure you have:

• Node.js installed.
• npm installed (included with Node.js).
• An internet connection.

Installation

Install MochiiJS by running the following command in your terminal:

curl -fsSL https://mochiicorp.com/install/mochiijs.sh | bash

The installer downloads the latest published MochiiJS release and configures the mochiijs command.

After installation, verify that it works:

mochiijs --help

If the command is not recognized, open a new terminal and try again.

Creating a Project

Create a new MochiiJS project:

mochiijs create my-app

Navigate into the project directory:

cd my-app

Install the project's dependencies:

npm install

Start the development server:

mochiijs dev

Your MochiiJS application is now running in development mode at http://localhost:5000.

Available Commands

You can also use the npm scripts included in the generated project:

npm run dev
npm run build
npm run clean

Project Structure

A typical MochiiJS project follows this structure:

my-app/
├── src/
│   ├── components/
│   │   └── layout.js
│   └── pages/
│       ├── templates/
│       ├── index.js
│       └── about.js
├── mochii-config.js
└── package.json

src/pages/

This directory contains your application pages.

For example:

• index.js — your homepage.
• about.js — an additional page.
• templates/ — a directory for reusable page templates.

MochiiJS supports keeping templates/ inside src/pages/ without treating that directory as a regular page.

src/components/

Store reusable UI components here, such as layouts, navigation bars, and other shared elements.

mochii-config.js

Use this file for your MochiiJS project configuration, according to the configuration options supported by your release.

JSX Syntax

MochiiJS uses class rather than React's conventional className attribute in JSX.

Example:

export default function About() {
  return (
    <div class='about'>
      <h1>About Us</h1>
      <p>Welcome to my MochiiJS application.</p>
    </div>
  );
}

Use class consistently in your JSX.

Updating MochiiJS

To install the latest published release, run the installer again:

curl -fsSL https://mochiicorp.com/install/mochiijs.sh | bash

For existing projects, run npm install whenever you change the project's dependencies.

Project Status

MochiiJS v1.0.3 Beta

MochiiJS is under active development. Features, APIs, and project conventions may change in future releases. Test updates before using them in production applications.