-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
58 lines (52 loc) · 13.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html><html><head><title>@nyaf is "Not Yet Another Framework"</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"><meta name="robots" content="index,follow"><meta name="theme-color" content="#212121"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><link href="https://fonts.googleapis.com/css?family=Hind:400,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet"><style>
body, input, button {
font-family: 'Hind', sans-serif;
}
code, .hljs {
font-family: 'Source Code Pro', 'Courier New', Courier, monospace;
}
.icon-font {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.icon-font.outline {
font-family: 'Material Icons Outlined';
}
</style><link href="/nyaf/docs/assets/codedoc-styles.css" rel="stylesheet"><script async="" defer="" src="/nyaf/docs/assets/codedoc-bundle.js"></script></head><body><div class="header-0-0-5"><script async="" defer="" src="https://buttons.github.io/buttons.js"></script><a class="github-button" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="false" data-show-count="true" data-size="false" href="https://github.com/joergkrause/nyaf/">Star</a><br><br><a class="watermark-0-0-4" href="https://github.com/CONNECT-platform/codedoc" target="_blank">Created With<svg viewBox="0 0 536 296" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="codedoc" transform="translate(-244.000000, -364.000000)" fill-rule="nonzero"><path d="M580,532 C615.346224,532 644,560.653776 644,596 C644,631.346224 615.346224,660 580,660 C544.653776,660 516,631.346224 516,596 C516,560.653776 544.653776,532 580,532 Z M716,532 C751.346224,532 780,560.653776 780,596 C780,631.346224 751.346224,660 716,660 L692,660 C687.581722,660 684,656.418278 684,652 C684,647.581722 687.581722,644 692,644 L716,644 C742.509668,644 764,622.509668 764,596 C764,569.490332 742.509668,548 716,548 L692,548 C687.581722,548 684,544.418278 684,540 C684,535.581722 687.581722,532 692,532 L716,532 Z M468,532 C472.418278,532 476,535.581722 476,540 L476,652 C476,656.418278 472.418278,660 468,660 L444,660 C408.653776,660 380,631.346224 380,596 C380,560.653776 408.653776,532 444,532 L468,532 Z M332,532 C336.418278,532 340,535.581722 340,540 L340,652 C340,656.418278 336.418278,660 332,660 L252,660 C247.581722,660 244,656.418278 244,652 L244,540 C244,535.581722 247.581722,532 252,532 L332,532 Z M580,548 C553.490332,548 532,569.490332 532,596 C532,622.509668 553.490332,644 580,644 C606.509668,644 628,622.509668 628,596 C628,569.490332 606.509668,548 580,548 Z M461,548 L444,548 C417.490332,548 396,569.490332 396,596 C396,622.509668 417.490332,644 444,644 L461,644 L461,548 Z M444,364 C479.346224,364 508,392.653776 508,428 C508,463.346224 479.346224,492 444,492 C408.653776,492 380,463.346224 380,428 C380,392.653776 408.653776,364 444,364 Z M332,364 C336.418278,364 340,367.581722 340,372 C340,376.418278 336.418278,380 332,380 L308,380 C281.490332,380 260,401.490332 260,428 C260,454.509668 281.490332,476 308,476 L332,476 C336.418278,476 340,479.581722 340,484 C340,488.418278 336.418278,492 332,492 L308,492 C272.653776,492 244,463.346224 244,428 C244,392.653776 272.653776,364 308,364 L332,364 Z M580,364 C615.346224,364 644,392.653776 644,428 C644,463.346224 615.346224,492 580,492 L556,492 C551.581722,492 548,488.418278 548,484 L548,372 C548,367.581722 551.581722,364 556,364 L580,364 Z M772,364 C776.418278,364 780,367.581722 780,372 C780,376.418278 776.418278,380 772,380 L700,380 L700,420 L772,420 C776.418278,420 780,423.581722 780,428 C780,432.418278 776.418278,436 772,436 L700,436 L700,476 L772,476 C776.418278,476 780,479.581722 780,484 C780,488.418278 776.418278,492 772,492 L692,492 C687.581722,492 684,488.418278 684,484 L684,372 C684,367.581722 687.581722,364 692,364 L772,364 Z M444,380 C417.490332,380 396,401.490332 396,428 C396,454.509668 417.490332,476 444,476 C470.509668,476 492,454.509668 492,428 C492,401.490332 470.509668,380 444,380 Z M580,380 L563,380 L563,476 L580,476 C606.509668,476 628,454.509668 628,428 C628,401.490332 606.509668,380 580,380 Z"></path></g></svg></a></div><div id="-codedoc-container" class="container"><p><a href="https://npmjs.com/package/@nyaf/lib"><img src="https://img.shields.io/npm/v/%40nyaf%2Flib.svg?style=flat-square" alt="Version"></a>
<a href="https://npmjs.com/package/@nyaf/lib"><img src="https://img.shields.io/npm/l/%40nyaf%2Flib.svg?style=flat-square" alt="License"></a></p><h1 id="nyaf-is-not-yet-another-framework" class="heading-0-0-1"><span class="anchor-0-0-2" data-ignore-text=""><span class="icon-font" data-ignore-text="" style="vertical-align: sub">link</span></span>@nyaf is "Not Yet Another Framework"</h1><p>And it is, well, just another framework. It's simple, has a flat learning curve, doesn't need any special tools. And it's 34KB zipped only, for all three parts together, of course.</p><blockquote><p>No dependencies! No bullshit! Pure HTML 5 DOM API and ES 2015 Code. Super small, super smart, super powerful. Period!</p></blockquote><p><strong>Write frontend apps without the hassle of a complex framework, use the full power of HTML 5, keep a component based style.</strong></p><h2 id="elevator-pitch" class="heading-0-0-1"><span class="anchor-0-0-2" data-ignore-text=""><span class="icon-font" data-ignore-text="" style="vertical-align: sub">link</span></span>Elevator Pitch</h2><p>Since the amazing impact of jQuery in 2006 we have seen an uncountable number of JavaScript frameworks. Some good, some nice, a few excellent. Each time has it's leading frameworks and an audience that loves it. The comes from simple properties. It should save time compared with programming on a basic level. It should give stability and reliability to your apps where things in the browser's internal parts get messy. And it adds another layer of indirection to make things smooth and good looking, nicely maintainable, and well architectured.</p><p>But over time, frameworks get elder. And they can't change and involve, because they already have a broad audience and hundreds or thousends of projects rely on them. The manufacturer can't break everything to go the next step. The programmers get stuck. And the world of browser programming has evolved dramatically. Meanwhile, we have an amazingly powerful native API in HTML 5.</p><p>One of the most important innovations in browser development where Web Components. The API is easy to learn, the support is complete for all modern browsers, and the implementation is stable. At the same time the programming language TypeScript come to us along with a powerful toolset.</p><p>It's time for the next step. Take the leading tools and create an easy to use library, that covers the hard stuff and be invisible where the native API is almost the best. That's @@nyaf.</p><h2 id="parts" class="heading-0-0-1"><span class="anchor-0-0-2" data-ignore-text=""><span class="icon-font" data-ignore-text="" style="vertical-align: sub">link</span></span>Parts</h2><p>The library comes in three parts:</p><ul><li>A Core library that handles Web Components the easy way, provide a router for Single Page Apps, and adds a nice template language</li><li>A Forms library that handles data binding and decorator based validation</li><li>A Store library that gives your app a state engine using the common flux architecture style</li></ul><p>Everything else is simple HTML 5 API, without any restrictions. You can add CSS, other libraries, or your own stuff at almost any position.</p><script id="utBNXahCxv">(function(){function load(){if (window.__sdh_transport){window.__sdh_transport("utBNXahCxv", "/Rv4lKxSQDV+A9gB+NmB2w==", {});} }; if (document.readyState == 'complete') load(); else window.addEventListener('load', load); })()</script><div class="contentnav-0-0-10" data-no-search=""><a href="#nyaf-is-not-yet-another-framework" class="h1" data-content-highlight="nyaf-is-not-yet-another-framework">@nyaf is "Not Yet Another Framework"</a><a href="#elevator-pitch" class="h2" data-content-highlight="elevator-pitch">Elevator Pitch</a><a href="#parts" class="h2" data-content-highlight="parts">Parts</a></div></div><div id="-codedoc-toc" class="toc-0-0-7"><div class="content-0-0-8"><p><a href="/nyaf/">Home</a>
<a href="/nyaf/docs/intro">Introduction</a>
<a href="/nyaf/docs/setup">Setup</a></p><div class="collapse-0-0-3 "><script id="jJZcrivJvH">(function(){function load(){if (window.__sdh_transport){window.__sdh_transport("jJZcrivJvH", "v1NchYEuNnYjR/2bwPXhDA==", {});} }; if (document.readyState == 'complete') load(); else window.addEventListener('load', load); })()</script><div class="label" onclick="this.parentElement.classList.toggle('open')"><span class="text">Core Library</span><span class="icon-font closed">chevron_right</span></div><div class="content"><p><a href="/nyaf/docs/lib/overview">Overview</a>
<a href="/nyaf/docs/lib/configuration">Project Configuration</a>
<a href="/nyaf/docs/lib/template">Template Language</a>
<a href="/nyaf/docs/lib/smart">Smart Components</a>
<a href="/nyaf/docs/lib/lifecycle">Life Cycle</a>
<a href="/nyaf/docs/lib/events">Events</a>
<a href="/nyaf/docs/lib/router">Router</a>
<a href="/nyaf/docs/lib/shadowdom">Shadow DOM</a>
<a href="/nyaf/docs/lib/services">Services</a>
<a href="/nyaf/docs/lib/setup">Setup</a></p></div></div><div class="collapse-0-0-3 "><script id="RLiarOgCmF">(function(){function load(){if (window.__sdh_transport){window.__sdh_transport("RLiarOgCmF", "v1NchYEuNnYjR/2bwPXhDA==", {});} }; if (document.readyState == 'complete') load(); else window.addEventListener('load', load); })()</script><div class="label" onclick="this.parentElement.classList.toggle('open')"><span class="text">Forms Extensions</span><span class="icon-font closed">chevron_right</span></div><div class="content"><p><a href="/nyaf/docs/forms/overview">Overview</a>
<a href="/nyaf/docs/forms/vm">View Models</a>
<a href="/nyaf/docs/forms/nbind">Data Binding</a>
<a href="/nyaf/docs/forms/custombinders">Custom Binders</a>
<a href="/nyaf/docs/forms/setup">Setup</a></p></div></div><div class="collapse-0-0-3 "><script id="SFNZoKXEVW">(function(){function load(){if (window.__sdh_transport){window.__sdh_transport("SFNZoKXEVW", "v1NchYEuNnYjR/2bwPXhDA==", {});} }; if (document.readyState == 'complete') load(); else window.addEventListener('load', load); })()</script><div class="label" onclick="this.parentElement.classList.toggle('open')"><span class="text">Flux Store</span><span class="icon-font closed">chevron_right</span></div><div class="content"><p><a href="/nyaf/docs/store/overview">Overview</a>
<a href="/nyaf/docs/store/example">Store Example</a>
<a href="/nyaf/docs/store/globloc">Global and Local Stores</a>
<a href="/nyaf/docs/store/setup">Setup</a></p></div></div><hr><p>This project relies on donations for maintenance and servers. Help us out
if you enjoy using it!</p><p><a href="https://paypal.me/joergisageek"><img src="https://img.shields.io/badge/donate-paypal-blue.svg?style=flat-square" alt="Donate"></a></p></div><div class="search-0-0-9"><script id="HEJSrRFqkY">(function(){function load(){if (window.__sdh_transport){window.__sdh_transport("HEJSrRFqkY", "g2PwBA0oaCK6ojEnMbZz+A==", {"repo":"nyaf","user":"joergkrause","root":"docs/md","pick":"\\.md$","drop":"(^_)|(\\/_)"});} }; if (document.readyState == 'complete') load(); else window.addEventListener('load', load); })()</script></div></div><div class="footer-0-0-6"><div class="left"><script id="LBaoScgzhK">(function(){function load(){if (window.__sdh_transport){window.__sdh_transport("LBaoScgzhK", "4g9OU6ixxeUOlm1PR/9uow==", {});} }; if (document.readyState == 'complete') load(); else window.addEventListener('load', load); })()</script></div><div class="main"><div class="inside"><a href="https://github.com/joergkrause/nyaf/" target="_blank">GitHub</a></div></div><div class="right"><script id="miqyARSWCQ">(function(){function load(){if (window.__sdh_transport){window.__sdh_transport("miqyARSWCQ", "ZGqgdsnKB3t7OwwJ4W9fPQ==", {});} }; if (document.readyState == 'complete') load(); else window.addEventListener('load', load); })()</script></div></div><script id="EBWHVO_dPL">(function(){function load(){if (window.__sdh_transport){window.__sdh_transport("EBWHVO_dPL", "wAzqqM6AQLzQM6LQebkSEQ==", {"namespace":"/nyaf"});} }; if (document.readyState == 'complete') load(); else window.addEventListener('load', load); })()</script></body></html>