Raiz é uma biblioteca javascript reativa para desenvolvimento de interface do cliente.
- {{ }} - Interpolação
- raiz-if - HTML Condicional
- raiz-for - Laço diretamente no HTML
- raiz-bind - Sincronia entre elementos (data-bind)
- raiz-components - Componentes
Para iniciar um projeto, apenas inclua a chamada ao script core no documento HTML.
<script type="text/javascript" src=".../raiz.js"></script>É possivel utilizar o core js do Raiz em um CDN, segue o link para utilização:
- via jsdelivr
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/raizjs/raiz@1.3.2/dist/raiz.min.js"></script>- via statically
<script type="text/javascript" src="https://cdn.statically.io/gh/raizjs/raiz/master/dist/raiz.min.js"></script>Para verificar se a biblioteca esta funcionando corretamente, insira uma string de interpolação no corpo do documento HTML para testar com um Hello World:
<body raiz-controller > {{ __helloworld__ }} </body>Se tudo ocorrer bem, ao acessar a página deverá aparecer o texto abaixo:
Congratulations, **Raiz ...** was successfully loaded
é obrigatório a utilização do atributo raiz-controller, mesmo que não seja atribuido a um controller. Se sua classe for de uso global, é recomendável utilizar o atributo raiz-controller na tag HTML do documento.
Para fazer um teste rápido você pode acessar um exemplo no JSFiddle