Baraqex
A powerful full-stack JavaScript/TypeScript framework with Virtual DOM, hooks, WebAssembly integration, and server-side rendering
إطار جافاسكريبت عربي خفيف الوزن مع تنفيذ DOM افتراضي وخطافات
import { render, useState, useEffect } from 'baraqex';
function App() {
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `Count: ${count}`;
}, [count]);
return (
<div className="container">
<h1>Hello Baraqex!</h1>
<div className="counter">
<button onClick={() => setCount(count - 1)}>-</button>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>
</div>
);
}
render(<App />, document.getElementById('root'));Get Started in Seconds
Start building with Baraqex in just a few simple steps. No complex configuration required.
# Create a new Baraqex project
npx baraqex create my-app
# Choose your template (basic-app, ssr-template, fullstack-app)
# Select: fullstack-app for complete solutionThen:
cd my-app
npm install
npm run dev
# Your server will start at http://localhost:3000
# API endpoints at http://localhost:3000/api/*Basic Usage
import { render, useState } from 'baraqex';
function App() {
const [count, setCount] = useState(0);
return (
<div>
<h1>Count: {count}</h1>
<button onClick={() => setCount(count + 1)}>Increment</button>
</div>
);
}
render(<App />, document.getElementById('root'));Render Time
Interactive
Full Support
Powerful Features
Everything you need to build modern full-stack web applications, from simple SPAs to complex enterprise solutions.
Full-Stack Framework
Built on Frontend Hamroun with additional server-side capabilities for complete web application development.
Virtual DOM & Hooks
Efficient Virtual DOM rendering with complete hooks system (useState, useEffect, useMemo, useRef, useContext).
Server-Side Rendering
Optimized SSR with client hydration, file-based routing, and Express.js integration for production-ready applications.
Database Integration
Built-in support for MongoDB, MySQL, and PostgreSQL with connection pooling and query optimization.
Authentication System
JWT-based authentication with built-in middleware for secure user management and session handling.
WebAssembly Integration
Seamless Go WebAssembly integration for high-performance computing in both browser and Node.js environments.
File-Based API Routes
Express-based API routing system with automatic endpoint generation based on file structure.
TypeScript Support
Full TypeScript support with comprehensive type definitions for enhanced developer experience.
Interactive CLI
Powerful command-line tools for project scaffolding, component generation, and development workflow automation.
One Culture, One Community
Global Developers
Join developers from around the world building with the same framework and conventions.
Arabic Dev Community
A dedicated space for Arabic-speaking developers with localized resources.
Open Source Contribution
Contribute to the framework's growth with a welcoming community of maintainers.
Ready to Build with Baraqex?
Experience the power of one unified framework that brings developers together.