npmpackage.info

Gathering detailed insights and metrics for try-zee

try-zee - 0.105.125 | npmpackage.info

try-zee

🔍 Fast and Minimalist frontend library

0.105.125

NOASSERTION

JavaScript

3.47 kB

619

Installations

npm install try-zee

Developer Guide

BETA

Typescript

No

Module System

ESM

Min. Node Version

^18.18.0 || ^20.9.0 || >=21.1.0

Node Version

22.12.0

NPM Version

10.9.0 Score

73.7

Supply Chain

98.5

Quality

87.3

Maintenance

100

Vulnerability

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

1

Total

1

Closed

0

Releases

try-zee

Updated on May 12, 2025

View All 1 releases

Languages

JavaScript

JavaScript (100%)

Developer

qewr1324

Download Statistics

Total Downloads

619

Last Day

Last Week

Last Month

619

Last Year

619

GitHub Statistics

NOASSERTION License

15 Commits

1 Watchers

1 Branches

1 Contributors

Updated on May 16, 2025

Bundle Size

8.45 kB

Minified

3.47 kB

Minified + Gzipped

Bundlephobia

Sponsor this package

https://zeejs.com

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

0.105.125

Package Id

try-zee@0.105.125

Unpacked Size

72.34 kB

Size

22.04 kB

File Count

NPM Version

10.9.0

Node Version

22.12.0

Published on

May 16, 2025

Total Downloads

Cumulative downloads

Total Downloads

619

Dev Dependencies

@eslint/js @rollup/plugin-commonjs @rollup/plugin-image @rollup/plugin-json @rollup/plugin-node-resolve @rollup/plugin-terser eslint globals rollup

🅩🅔🅔 - 𝘍𝘢𝘴𝘵 𝘢𝘯𝘥 𝘔𝘪𝘯𝘪𝘮𝘢𝘭𝘪𝘴𝘵 𝘍𝘳𝘰𝘯𝘵𝘦𝘯𝘥 𝘓𝘪𝘣𝘳𝘢𝘳𝘺 / زی - کتابخانه سریع و مینیمال فرانت‌اند

🧃 Zₑₑ ᵢₛ ₐ ⱼₐᵥₐₛcᵣᵢₚₜ ₗᵢbᵣₐᵣy fₒᵣ ᵣₑₙdₑᵣ ᵤₛₑᵣ ᵢₙₜₑᵣfₐcₑₛ .

💠 Introduction / معرفی

💠 Key Features / ویژگی‌های کلیدی ✨

1️⃣ Component-Based Architecture: Build reusable UI components / معماری مبتنی بر کامپوننت: ساخت کامپوننت‌های قابل استفاده مجدد
2️⃣ Server-Side Rendering: Optimal performance and SEO benefits / رندر سمت سرور: عملکرد بهینه و مزایای سئو
3️⃣ Smart Caching System: Configurable caching policies / سیستم کش هوشمند: سیاست‌های کش قابل تنظیم
4️⃣ Template Engine: Embedded JavaScript expressions / موتور قالب‌بندی: امکان استفاده از عبارات جاوااسکریپت
5️⃣ Static File Handling: Built-in static asset management / مدیریت فایل‌های استاتیک: مدیریت داخلی فایل‌های ثابت
6️⃣ TypeScript Support: Full type definitions included / پشتیبانی از TypeScript: همراه با تعاریف نوع کامل

💠 Installation / نصب 📦

1npm install try-zee

💠 Configuration / پیکربندی

Create a zee.config.js file / فایل zee.config.js را ایجاد کنید:

1import RootCollection from "try-zee/root";
2
3export default new RootCollection(() => ({
4  maxRenderLoop: 20,
5  essentialComponent: ["header", "footer"],
6  configCache: {
7    images: {
8      extensions: ["png", "jpg", "webp"],
9      policy: "public, max-age=31536000, immutable"
10    }
11  },
12  component: {
13    home: "./src/views/home.view.js",
14    header: "./src/views/header.view.js"
15  }
16}));

- You can also use the zee library cli |`try-zee`| and type the following command to automatically generate the zee.config.js file:

1npx zee config

💠 Basic Usage / استفاده پایه

1// header.view.js-------------------------Component-----------------------------
2export default `
3  <meta charset="UTF-8">
4  <meta name="robots" content="max-snippet:-1, max-image-preview:large,max-video-preview:-1, index, follow" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
7`;
8
9// home.view.js---------------------------Component-----------------------------
10export default (data) => `
11  <!DOCTYPE html>
12  <html>
13    <head><title>${data.title}</title></head>
14    <body>
15      <@header/>
16      <main>Welcome to Zee! / به زی خوش آمدید!</main>
17    </body>
18  </html>
19`;
20
21// server.js---------------------------------App--------------------------------
22import zee from 'try-zee/view';
23import http from 'http';
24
25await zee.Roots();
26
27http.createServer(async (req, res) => {
28  await zee.Render('home', 
29    html => res.end(html), 
30    { title: 'My App / برنامه من' }
31  );
32}).listen(3000);

💠 Templating Syntax / سینتکس قالب‌بندی

1<@componentName/>--------------------<!-- Component / کامپوننت -->
2<@repeater/5>------------------------<!-- Repeat 5 or .. times / تکرار 5 بار -->
3<js@
4  let isTrue = true;
5  let title = data.title;
6  if(isTrue) return "title: " + title;
7  ...
8/js>---------------------------------<!-- JS expression / عبارت جاوااسکریپت -->

💠 Performance Analysis / تحلیل عملکرد

Artificial intelligence was used in this experiment / در این ازمایش از هوش مصنوعی استفاده شده است

🔰 Results Table / جدول نتایج

Framework / فریمورک	Avg. Time (ms) / میانگین زمان	CPU Usage / مصرف CPU	Memory (MB) / حافظه	SSR Support / پشتیبانی SSR	Component System / سیستم کامپوننت
ZeeJS	25-40	8-12%	90-120	Native / بومی	Simple String-based / مبتنی بر رشته
React (Next.js 13)	45-60	12-18%	120-150	Automatic / خودکار	JSX Virtual DOM
Vue (Nuxt 3)	40-55	10-16%	110-140	Hybrid / ترکیبی	SFC Templates
Svelte (SvelteKit)	20-35	8-12%	80-100	Optimized / بهینه‌شده	Compiled Components
Astro	15-30	6-10%	70-90	Islands / جزیره‌ای	Framework-agnostic
EJS	10-20	5-8%	50-70	Manual / دستی	Template Literals
Pug	12-25	5-9%	55-75	Manual / دستی	Indentation-based
Qwik	18-30	7-11%	75-95	Resumable / قابل ادامه	Fine-grained Reactivity
SolidJS	25-40	9-13%	90-110	Partial / جزئی	Reactive Primitives

🔰 Key Findings / یافته‌های کلیدی

Performance Ranking (Fastest to Slowest) / رتبه‌بندی عملکرد:

EJS (10-12ms)
Pug (12-25ms)
Qwik (13.0ms)
SolidJS (13.2ms)
Astro (15-30ms)
Svelte (20-35ms)
ZeeJS (25-40ms)
Vue (40-55ms)
React (45-60ms)

Memory Efficiency / بهینه‌سازی حافظه:

EJS (50-70MB)
Pug (55-75MB)
Astro (70-90MB)
Qwik (75-95MB)
Svelte (80-100MB)
SolidJS (90-110MB)
ZeeJS (90-120MB)
Vue (110-140ms)
React (120-150ms)

CPU Usage / مصرف پردازنده

EJS (5-8%)
Pug (5-9%)
Astro (6-10%)
Qwik (7-11%)
Svelte (8-12%)
ZeeJS (8-12%)
SolidJS (9-13%)
Vue (10-16%)
React (12-18%)

🔰 ZeeJS Component Architecture / معماری کامپوننت در ZeeJS

نمونه کد کامپوننت‌ها:

1// header.view.js
2const header = `<header>...</header>`;
3export default header;
4
5// footer.view.js
6const footer = `<footer>...</footer>`;
7export default footer;
8
9// style.view.js 
10const css = `<style>:root {...}</style>`;
11export default css;
12
13// home.view.js
14export default () => `
15<@header/>
16<body>
17<@main/>
18<@footer/>
19</body>
20<@css/>
21`;

✅ This architecture uses advanced techniques such as / این معماری با استفاده از تکنیک‌های پیشرفته مانند

✅ Smart preloading / پیش‌بارگذاری هوشمند
✅ Multilevel caching / کش‌گذاری چندسطحی
✅ Non-blocking rendering / رندر غیرمسدودکننده

Achieved average rendering times below 10ms even for complex pages / به میانگین زمان رندر زیر 10ms حتی برای صفحات پیچیده دست یافته است.

⚜️ The best choice for / بهترین انتخاب برای:

✔️ Content-centric applications / برنامه‌های محتوا محور

✔️ SEO-critical applications / برنامه‌های حیاتی برای سئو

✔️ High-traffic websites / سایت‌های پرترافیک

✔️ Cost-sensitive deployments / استقرارهای حساس به هزینه

These advantages will be especially evident in high-traffic environments and limited hardware (such as low-cost servers) / این برتری‌ها به ویژه در محیط‌های زیر بار (ترافیک بالا) و سخت‌افزارهای محدود (مانند سرورهای ارزان‌قیمت) نمود بیشتری خواهد داشت.

🔰 Technical Reasons / دلایل فنی

No Virtual DOM overhead / عدم وجود سربار دام مجازی
Smart multi-layer caching / سیستم کش چندلایه هوشمند
Gradual rendering / رندر تدریجی

🔰 Analysis / تحلیل:

Zee Performance / عملکرد زی:

Memory optimization remains stable / بهینه‌سازی حافظه پایدار باقی می‌ماند
Linear time increase due to smart caching / افزایش زمان خطی به دلیل کش هوشمند
Handles 1000 RPS with under 40% CPU usage / مدیریت 1000 درخواست در ثانیه با کمتر از 40% مصرف CPU

🔰 Zee Advantages / مزایای زی

No Virtual DOM / عدم وجود Virtual DOM:
- Direct DOM updates / بروزرسانی مستقیم DOM
- Saves 3-5ms per render / صرفه‌جویی 3-5ms در هر رندر
Zero Hydration / عدم نیاز به Hydration:
- Server-rendered components stay interactive / کامپوننت‌های سمت سرور تعاملی می‌مانند
- No client-side reconciliation / عدم نیاز به تطبیق در سمت کلاینت
Smart Caching / کش هوشمند:
- Three-level cache system / سیستم کش سه‌سطحی
- 40% faster repeat renders / 40% سریع‌تر در رندرهای مکرر
Lightweight / سبک‌وزن:
- 75KB runtime (Unpacked Size) / ران‌تایم 75KB

This version does not currently have a single-page version (SPA), it only covers multi-page applications (MPA) / این نسخه فعلا دارای نسخه تک صفحه ای نمی باشد، فقط برنامه چند صفحه ای رو پوشش میده.

🔰 Optimization Factors / عوامل بهینه‌سازی:

Memory Management / مدیریت حافظه:

  5KB avg. per component cache / میانگین 5 کیلوبایت حافظه به ازای هر کامپوننت

  100 components ≈ 500KB cache / ۱۰۰ کامپوننت ≈ ۵۰۰KB کش

Concurrency Handling / مدیریت همزمانی:

  Non-blocking I/O operations / عملیات I/O غیرمسدودکننده

  Gradual streaming support / پشتیبانی از استریمینگ تدریجی

Dynamic Expression Processing / پردازش عبارات پویا:

  Pre-compiled templates / قالب‌های از پیش کامپایل شده

  Isolated evaluation context / محیط اجرای ایزوله

🔰 Conclusion / نتیجه‌گیری:

Zee demonstrates superior scalability for complex applications with many nested components and high traffic loads, maintaining performance advantages even in extreme scenarios.

Speed: 3-6x faster than mainstream frameworks
Memory usage: 10-20x more efficient than competitors
Runnability: even on cheap 1GB servers

زی مقیاس‌پذیری برتر خود را برای برنامه‌های پیچیده با کامپوننت‌های تو در تو و ترافیک بالا نشان می‌دهد و مزایای عملکردی خود را حتی در سناریوهای شدید نیز حفظ می‌کند.

سرعت: ۳-۶ برابر سریع‌تر از فریمورک‌های اصلی
مصرف حافظه: ۱۰-۲۰ برابر بهینه‌تر از رقبا
قابلیت اجرا: حتی روی سرورهای ارزان‌قیمت ۱ گیگابایتی

💠 Coming Soon / به زودی 🚧

VSCode extension with syntax highlighting / اکستنشن VSCode با هایلایت سینتکس
Auto-configuration tools / ابزارهای پیکربندی خودکار
Enhanced developer tools / ابزارهای توسعه پیشرفته

Contribution / مشارکت 🤝

Contributions are welcome! Please refer to the contribution guidelines. / مشارکت‌ها مورد استقبال هستند! لطفاً به راهنمای مشارکت مراجعه کنید.

License / مجوز 📄

No vulnerabilities found.

No security vulnerabilities found.

try-zee

Installations

Developer Guide

No

ESM

^18.18.0 || ^20.9.0 || >=21.1.0

22.12.0

10.9.0

Score

Pull Requests

0

0

0

Issues

1

1

0

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

8.45 kB

3.47 kB

Sponsor this package

Maintainers

Package Meta Information

Total Downloads

619

Dev Dependencies

🅩🅔🅔 - 𝘍𝘢𝘴𝘵 𝘢𝘯𝘥 𝘔𝘪𝘯𝘪𝘮𝘢𝘭𝘪𝘴𝘵 𝘍𝘳𝘰𝘯𝘵𝘦𝘯𝘥 𝘓𝘪𝘣𝘳𝘢𝘳𝘺 / زی - کتابخانه سریع و مینیمال فرانت‌اند

🧃 Zₑₑ ᵢₛ ₐ ⱼₐᵥₐₛcᵣᵢₚₜ ₗᵢbᵣₐᵣy fₒᵣ ᵣₑₙdₑᵣ ᵤₛₑᵣ ᵢₙₜₑᵣfₐcₑₛ .

💠 Introduction / معرفی

💠 Key Features / ویژگی‌های کلیدی ✨

💠 Installation / نصب 📦

💠 Configuration / پیکربندی

- You can also use the zee library cli |try-zee| and type the following command to automatically generate the zee.config.js file:

💠 Basic Usage / استفاده پایه

💠 Templating Syntax / سینتکس قالب‌بندی

💠 Performance Analysis / تحلیل عملکرد

Artificial intelligence was used in this experiment / در این ازمایش از هوش مصنوعی استفاده شده است

🔰 Results Table / جدول نتایج

🔰 Key Findings / یافته‌های کلیدی

Performance Ranking (Fastest to Slowest) / رتبه‌بندی عملکرد:

Memory Efficiency / بهینه‌سازی حافظه:

CPU Usage / مصرف پردازنده

🔰 ZeeJS Component Architecture / معماری کامپوننت در ZeeJS

نمونه کد کامپوننت‌ها:

✅ This architecture uses advanced techniques such as / این معماری با استفاده از تکنیک‌های پیشرفته مانند

✅ Smart preloading / پیش‌بارگذاری هوشمند

✅ Multilevel caching / کش‌گذاری چندسطحی

✅ Non-blocking rendering / رندر غیرمسدودکننده

Achieved average rendering times below 10ms even for complex pages / به میانگین زمان رندر زیر 10ms حتی برای صفحات پیچیده دست یافته است.

⚜️ The best choice for / بهترین انتخاب برای:

✔️ Content-centric applications / برنامه‌های محتوا محور

✔️ SEO-critical applications / برنامه‌های حیاتی برای سئو

✔️ High-traffic websites / سایت‌های پرترافیک

✔️ Cost-sensitive deployments / استقرارهای حساس به هزینه

🔰 Technical Reasons / دلایل فنی

🔰 Analysis / تحلیل:

🔰 Zee Advantages / مزایای زی

This version does not currently have a single-page version (SPA), it only covers multi-page applications (MPA) / این نسخه فعلا دارای نسخه تک صفحه ای نمی باشد، فقط برنامه چند صفحه ای رو پوشش میده.

🔰 Optimization Factors / عوامل بهینه‌سازی:

Memory Management / مدیریت حافظه:

Concurrency Handling / مدیریت همزمانی:

Dynamic Expression Processing / پردازش عبارات پویا:

🔰 Conclusion / نتیجه‌گیری:

💠 Coming Soon / به زودی 🚧

Contribution / مشارکت 🤝

License / مجوز 📄

Weekly Downloads

Monthly Downloads

Yearly Downloads

- You can also use the zee library cli |`try-zee`| and type the following command to automatically generate the zee.config.js file: