thayna.js
Simplicity for simple projects.
Hello! I'm happy that you want to use thayna.js for your next project!
The first thing you need to know is that thayna.js is directed to simple projects. It provides an componentization system, databinding and conditional rendering with an easy syntax.
thayna.js is developed with pure javascript. You don't need to use any other frameworks to start developing with thayna.js.
To starting using thayna.js, download the file thayna.min.js and reference it in your html file with:
<script type="text/javascript" src="path/to/thayna.min.js"></script>Hello, world!
Lets create a very simple page with thayna.js:
Inside the
tag of your html file, write:<m-bind>
window.helloText
</m-bind>and in your JavaScript:
var helloText = "Hello world!";
window.onload = function(){
var thayna = new Thayna.App();
thayna.parse();
}Don't forget to include thayna.js:
<script type="text/javascript" src="path/to/thayna.min.js"></script>And that's all! Your final html file should look like this:
<html>
<head>
<title>Sample</title>
<!-- Remember to substitute "path/to"
with the path to your thayna.min.js file -->
<script type="text/javascript" src="../thayna.js"></script>
<!-- Your script! -->
<script type="text/javascript">
var helloText = "Hello world!";
window.onload = function(){
var thayna = new Thayna.App();
thayna.parse();
}
</script>
</head>
<body>
<m-bind>
window.helloText
</m-bind>
</body>
</html>Documentation
Click here to see the documentation
Made with love in São Paulo