liquid-framework

Es un nuevo framework que construye atom-source

Utiliza a liquid para la creacion de archivos JSON y Servidores Node
Tambien utilizalo en el uso de front-end y back-end puedes colaborar con plugins

Es un proyecto comunitario

---

Solo queremos mejorar herramientas y tratar de unir varias tecnologias para un uso mas facil y rapido

Nuevas Funciones

Motor de plantillas: .liquid sintaxis:

    DOCTYPE_AUTO;
    html: 
        /*!
            Ejecutar CSS
        !*/
        css:
            *{
                margin: 0;
                padding: 0;
                font-family: 'Lato';
            }
        css;
        <input type="text" name="Hola" id="input">
        /*!
            Este es un basico de Liquid
        !*/
        <button onClick={handler()}>Vista Previa</button>
        <div key="output">
            No hay ningun dato en {title}
        </div>
        /*!
            Ejecutar Javascript VanillaJS
        !*/
        js:
            document.addEventListener('input',function(){
                document.getElementById('output').innerText = document.getElementById('input').value
            },false);
        js;
    html;
```jsx
    Ejecuta un archivo esto:

const Liquid = require('./../main');
// Si quieres añadir desde funciones has variables puedes con 
// Declarar 2 array y seleccionarlo,
//
//	Liquid.engine.setVariable(NameVariables,ValueVariables)
//
Liquid.engine.setVariable(
    [
    'title',
    'handler',
    'class_header'
],
    ['App Liquid',
    function(){
        v.alert('Hola desde Back-end')
    },
    'header']
);

Liquid.engine.start(
    __dirname + '/components/main.liquid',
    __dirname + '/dist/index.html'
);

 
    Si todo esta bien el se creara un archivo __.html__ y tendra el respectivo codigo

Vista Previa

No hay ningun dato

```xml

Mejores cosas vendran

Implementaremos el uso de front-end con las plantillas __.liquid__
Esperamos que nos siguas y estes altanto de lo que subimos

Requeda apenas esta comenzando