Baraqex Documentation

A comprehensive guide to building modern full-stack web applications with the Baraqex framework

Explore Features Try Interactive Demo

Complete Framework Features

Lightweight Core

Less than 5KB gzipped with all the essential runtime features for building modern applications.

Virtual DOM

Efficient diffing algorithm with batched updates for optimal rendering performance.

Hooks API

Complete hooks system including useState, useEffect, useMemo, useContext, useReducer, and more.

Server Features

Built-in server with API routes, database connectors, and server-side rendering capabilities.

State Management

Context API, stores, and signals for simple and powerful state management across components.

Data Fetching

Simple data fetching with built-in caching, revalidation, and optimistic updates.

Developer Tools

Powerful CLI, component debugger, and DevTools integration for productive development.

Security

Built-in authentication, CSRF protection, and automatic input sanitization.

Comprehensive Docs

Extensive documentation with guides, API references, and interactive examples.

Interactive Examples

Explore Frontend Hamroun's features through interactive code examples that demonstrate its capabilities

Basic Component Usage

Create reactive UI components with state that automatically updates the DOM when data changes. This example shows a simple counter component using the useState hook.

Code Example

playground.jsx

Result Preview

Run the example to see the result

(Preview will appear here)

Getting Started

Installation

Terminal

npm install frontend-hamroun

Create a New Project

Terminal

npx create-frontend-app my-app

Project Structure

my-app/
├── node_modules/
├── public/
├── src/
│   ├── components/
│   │   └── App.jsx
│   ├── pages/
│   │   └── index.jsx
│   ├── api/
│   │   └── hello.js
│   ├── styles/
│   │   └── global.css
│   └── main.js
├── package.json
├── frontend.config.js
└── README.md

View Step-by-Step Tutorials

Frequently Asked Questions

Baraqex is built on Frontend Hamroun but provides a complete full-stack solution:

Complete full-stack framework vs frontend-only libraries
Built-in server-side rendering and API routing
Integrated database support and authentication
WebAssembly integration for high-performance computing
Simplified API with React-like paradigms
Built-in support for TypeScript and modern tooling

Yes, Baraqex is fully compatible with the npm ecosystem. You can use any utility libraries, UI components, and tools. The framework provides browser and server builds, so package compatibility is automatic based on your environment.

Baraqex is built on the stable Frontend Hamroun foundation and adds production-grade server capabilities. It includes features like database connections, authentication, API routing, and WebAssembly support that are essential for modern web applications.

Baraqex provides multiple data fetching approaches: client-side with useEffect and fetch, server-side rendering with automatic data fetching, built-in API routing system, and database integration with connection pooling for optimal performance.

Baraqex has built-in support for MongoDB, MySQL, and PostgreSQL. The framework provides connection pooling, query optimization, and simple configuration for all supported databases.

Baraqex provides seamless Go WebAssembly integration. You can write performance-critical code in Go, compile it to WebAssembly, and call it directly from JavaScript with automatic type conversion and memory management.

Join the Community

Connect with other developers using Frontend Hamroun. Get help, share your projects, and contribute to the framework.

GitHubStar, fork, contribute

DiscordJoin the conversation

TwitterLatest updates

Contribute to Frontend Hamroun

We welcome contributions of all sizes. Whether it's a bug fix, feature addition, or documentation improvement, your help is appreciated!

Contribution Guidelines

Menu