Skip to content

yuanoook/ganic

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Ganic logo

Ganic

Organic Programming

App is a living matter. Ganic helps you manage your Apps organically.

If you practiced React, you know how to play with Ganic.

You are not limited to only usex Hooks in React for UI development. Ganic can work well in your old project, even backend.

It's very tiny, but very powerful.

DEMO https://codesandbox.io/s/ganic-3hhbg

FOSSA Status

Get started read more

1. Install

npm install ganic
npm install ganic-dom
npm install ganic-usex

2. Config babel to support JSX

"plugins": [
  [
    "@babel/plugin-transform-react-jsx",
    {
      "pragma": "Ganic.createElement",
      "pragmaFrag": "Ganic.Fragment",
    }
  ],
  ...

3. Write your code

  import Ganic from 'ganic';
  import GanicDOM from 'ganic-dom';
  import { useState } from 'ganic-usex';
  const App = ({ initState }) => {
    const [state, setState] = useState(initState);
    // ...
    return <div>{ state }</div>;
  }
  GanicDOM.render(<App initState={0}/>, document.getElementById('app'));

Articles

Think in Ganic

GanicUseX APIs

Ganic's Family History

Ganic was originally designed to separate Hooks feature from React. Its outside looks very same with React*, but the inside was totally different. It's designed to be extendable.

From Ganic, with only two public apis create, and attach.

Everyone can design any usex Hooks with attach api. We also provide some basic ones in GanicUseX, which was build from one attach.

GanicTree is the basic package, for us to build renderer (like GanicDOM) for any platform you like. Most likely, it's suitable to solve any UI rendering issue. But it also could be used anywhere you want (I still have no idea).

GanicDOM, the first renderer based on GanicTree, has 100% capacity to power any website. Please check the showcases on https://ganicjs.com (it works on IE9).

License

FOSSA Status

Releases

No releases published

Packages

No packages published