Giza Framework

0.2.29 verified Sat Apr 25 auth: no javascript

Giza Framework is a frontend framework for HTML, CSS, and JS development. Currently at version 0.2.29, it is in early development with no stable release. Provides a build system via Yarn scripts. Offers minimal documentation and features compared to mature frameworks like React or Vue. Not recommended for production use.

Common errors

error Error: 'giza.init' is not a function ↓

cause Package version mismatch or incorrect import; `init()` may have been renamed or not exported.

fix

Check package version and import giza.bootstrap() instead.

error Cannot find module 'giza-framework' ↓

cause Package not installed or incorrect import path.

fix

Run yarn add giza-framework and ensure import path is correct.

error TypeError: giza.addComponent is not a constructor ↓

cause Using `new giza.addComponent()` incorrectly; component registration is a plain function call.

fix

Use giza.addComponent('name', options) without new.

Warnings

breaking Breaking changes may occur between minor versions due to pre-1.0 status. ↓

fix Pin exact version and test upgrades thoroughly.

deprecated The `init()` method may be deprecated in favor of `bootstrap()` in future versions. ↓

fix Use `giza.bootstrap()` if available.

gotcha Package requires Node >=6.11.1 and npm >=3.10.3; using older versions may cause installation failures. ↓

fix Update Node and npm to meet engine requirements.

gotcha ESM-only package; using `require()` will result in runtime error. ↓

fix Use `import` syntax or configure bundler to handle ESM.

Install

npm install giza-framework

yarn add giza-framework

pnpm add giza-framework

Imports

default
wrong
```
const giza = require('giza-framework')
```
correct
```
import giza from 'giza-framework'
```
ESM import only; CommonJS require not supported by the package.

Giza

wrong

const { Giza } = require('giza-framework')

correct

import { Giza } from 'giza-framework'

Named export; avoid CommonJS require pattern.

gizaConfig

import { gizaConfig } from 'giza-framework'

Named export; likely config object.

Quickstart

Demonstrates basic initialization, component registration, and rendering with Giza Framework.

// Install: yarn add giza-framework
// Then in your index.js:
import giza from 'giza-framework';

// Initialize the framework
giza.init();

// Add a component
giza.addComponent('my-component', {
  template: '<div>Hello Giza</div>',
  selector: '#app'
});

giza.render();