|
3 | 3 | <img width="200" height="200" src="https://github.com/Camplejs/media/blob/main/logo_transparent.png" alt="cample" >
|
4 | 4 | </a>
|
5 | 5 | </p>
|
6 |
| -<h1 align="center">Cample.js - fast modern javascript framework.</h1> |
| 6 | +<h1 align="center">Cample.js - one of the fastest frameworks without a virtual DOM on the Internet!</h1> |
7 | 7 | <div align="center">
|
8 | 8 |
|
9 | 9 | [](https://www.npmjs.com/package/cample)
|
10 | 10 | [](https://github.com/Camplejs/Cample.js/discussions)
|
11 | 11 | [](https://twitter.com/Camplejs)
|
12 |
| -[](https://discord.gg/aBMdpBShju) |
| 12 | +[](https://discord.gg/aBMdpBShju) |
13 | 13 |
|
14 | 14 | </div>
|
15 | 15 |
|
16 | 16 | <div align="center"><a href="https://camplejs.github.io">Website</a> • <a href="https://camplejs.github.io/documentation/introduction.html">Documentation</a> • <a href="https://camplejs.github.io/examples.html"> Examples </a> • <a href="https://codepen.io/Camplejs">Examples source</a></div>
|
17 | 17 | <br>
|
18 | 18 | <div align="center"><b>Alpha version</b></div>
|
19 | 19 |
|
20 |
| -## Why Cample.js? |
| 20 | +## About Cample.js? |
21 | 21 |
|
22 |
| -Cample.js is an actively developed and maintained framework that supports many modern technology solutions for creating user interfaces. The component-based approach, as well as reactivity without a virtual DOM and data export and import, will make building a site much faster than if the site was developed using js alone. Moreover, the framework is new and you can try it as something new when creating a website. |
| 22 | +Cample.js is an open source javascript framework for creating user interfaces. The framework works on a component-based approach, where each component can be interconnected by importing and exporting the current state. Cample.js doesn't use a virtual DOM to interact with the real DOM, which makes the reactivity process much faster. |
23 | 23 |
|
24 | 24 | ## Main advantage
|
25 | 25 |
|
26 |
| -<a href="https://krausest.github.io/js-framework-benchmark/2024/table_chrome_122.0.6261.69.html"> |
| 26 | +<a href="https://krausest.github.io/js-framework-benchmark/2024/table_chrome_123.0.6312.59.html"> |
27 | 27 | <img width="100%" src="https://github.com/Camplejs/media/blob/main/diagram.svg" alt="benchmarks" >
|
28 | 28 | </a>
|
29 | 29 |
|
30 | 30 | Performance diagram of javascript frameworks and libraries.<br/>
|
31 |
| -Results based on <a href="https://krausest.github.io/js-framework-benchmark/2024/table_chrome_122.0.6261.69.html">122 release</a> |
32 |
| - |
33 |
| -## Features |
34 |
| - |
35 |
| -Cample.js provides the following features: |
36 |
| - |
37 |
| -- Reactivity without Virtual DOM. The framework does not create large DOM trees for working with HTML. |
38 |
| -- Keyed implementation. Blocks in a loop will not be overwritten by new ones if their keys match. |
39 |
| -- Component approach. It allows to repeat many UI blocks on the site, which makes development much easier. |
40 |
| -- Convenient approach to working with data inside a component. Transferring data between components allows to work with components even if they are in different files |
41 |
| -- The frameworks make it easy to work with HTML files. The syntax of the framework itself is built on objects with HTML templates. When using modern project builders, HTML files are imported through a variable that does not pass through any function. |
42 |
| -- Fast. |
43 |
| -- CLI for creating an application. |
44 |
| - |
45 |
| -And a few others :) |
| 31 | +Results based on <a href="https://krausest.github.io/js-framework-benchmark/2024/table_chrome_123.0.6312.59.html">123 release</a> |
46 | 32 |
|
47 | 33 | ## Installation
|
48 | 34 |
|
|
0 commit comments