0.0.3 • Published 2 years ago
frame-ts v0.0.3
FRAME.ts
a simple zero-dependency frontend framework
⚠️ WARNING! DO NOT USE IT IN PRODUCTION, ONLY FOR EDUCATIONAL PURPOSES ⚠️
What it has
- Own rendering engine
- Virtual DOM
- State Manager
- Routing
How to use it
- Install framework by npm
npm i frame-ts
- Create
index.html
with simple template including root element (for example<div id="app"></div>
) and link to script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Frame-ts App</title>
<script src="script.js" type="module"></script>
</head>
<body>
<div id="app"></div>
</body>
</html>
- In your script file import framework
There are examples of scripts: