Awesome GitHub RepositoriesServer Components

React هي مكتبة JavaScript لبناء واجهات المستخدم تعتمد على معمارية قائمة على المكونات وتدفق بيانات أحادي الاتجاه.

This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

Taxonomy is a full-stack application template and reference implementation built with the Next.js app router. It serves as a comprehensive starter for developing web applications using server components and modern React patterns. The project integrates a variety of specialized systems, including an identity management workflow for OAuth and session handling, and a billing system for managing recurring subscriptions and payment events. It also features a content pipeline that transforms Markdown and JSX files into type-safe data collections for rendering blogs and documentation. The architect

Taxonomy is a SaaS boilerplate and Next.js application template designed for building subscription-based web applications. It provides a foundational architecture implemented as a TypeScript web framework, utilizing server components and app-router file routing. The project serves as a comprehensive starter for software-as-a-service products, combining user authentication workflows with recurring subscription billing. It further functions as a markdown content site, enabling the creation of blogs or documentation through markdown-to-HTML rendering. The codebase integrates several core capabi

Awesome Vite is a curated collection of resources, plugins, and templates designed for the Vite build tool ecosystem. It serves as a central directory for developers looking to extend the capabilities of this high-performance frontend build pipeline and module bundler. The project highlights the core strengths of Vite, including its native ESM-based development server, instant hot module replacement, and pre-bundled dependency optimization. By aggregating community-maintained tools, it showcases how to leverage Vite’s plugin-based architecture to customize build pipelines, integrate popular f

React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

nuqs is a TypeScript library for managing React component state through the browser's URL query string. It provides a type-safe hook-based approach that synchronizes component state with the address bar, enabling shareable and bookmarkable application states. The library handles parsing and serializing URL query parameters into typed JavaScript values, supporting integers, floats, booleans, dates, and custom types with bijectivity verification. The library distinguishes itself through its comprehensive approach to URL state management, combining batch URL updates that merge multiple parameter

Vinext is a build system and edge runtime compiler that enables framework-agnostic serverless deployments. It functions as a Vite plugin and compatibility layer that emulates file-system routing, server components, and server actions, allowing projects to maintain specific framework API surfaces while targeting edge workers and serverless environments. The project provides a specialized bridge for migrating projects to a Vite-based build pipeline while preserving routing and server component patterns. It utilizes a system of module shimming and adapters to produce standalone bundles compatibl

Waku is a minimal React framework built around React Server Components. It renders components exclusively on the server for data fetching and server-side logic, then hydrates client components in the browser for interactivity. The framework supports hybrid rendering, mixing static prerendering at build time with dynamic per-request rendering within a single application, and allows independently loading slice components that can be static or dynamic. The framework distinguishes itself through its file-based routing system that defines pages, layouts, and API endpoints by placing files in a dir

next-i18next is an internationalization library that integrates the i18next ecosystem into Next.js applications, supporting both the App Router and Pages Router. It provides locale-aware routing middleware, server-component translation hydration, and a unified translation management system that works across server and client components. The library handles automatic language detection from browser cookies and HTTP Accept-Language headers, persists user language preferences across sessions, and rewrites URLs with locale prefixes for proper routing. It includes a translation hydration framework

Lingui is a JavaScript internationalization library that provides a framework-agnostic core with bindings for React, SolidJS, Svelte, Astro, and other JavaScript frameworks. It operates through a compile-time message extraction pipeline that scans source files for translatable strings, generates standard PO, JSON, or CSV catalog files, and compiles them into optimized JavaScript modules for production deployment. The library uses macro-based message definition to wrap translatable text in source code while preserving context for extraction, and includes a plural rule engine that automatically

This project is a comprehensive interview preparation guide and technical study resource for React. It functions as a frontend engineering curriculum and coding challenge bank designed to help developers master the internal mechanics, patterns, and core fundamentals of the React ecosystem. The resource distinguishes itself by providing a curated collection of technical interview questions, conceptual quizzes, and expert solutions. It includes a bank of coding challenges that can be solved in a browser-based environment with automated test cases and real-time rendering, as well as research int

React on Rails هو إطار عمل تكامل يدمج مكونات React في طرق عرض Ruby on Rails. يعمل كمحرك عرض من جانب الخادم ومنسق مكونات كامل المكدس، مما يسمح بتمرير بيانات الواجهة الخلفية مباشرة إلى مكونات الواجهة الأمامية دون الحاجة إلى استدعاءات API منفصلة. يقوم المشروع بمزامنة التوجيه بين العميل والخادم للحفاظ على حالات تنقل متسقة عبر التطبيق. يتضمن خط أنابيب أصول Webpack لإدارة حزم JavaScript وتنفيذ تقسيم الكود للتسليم الأمثل. يغطي إطار العمل عرض طرق العرض الهجينة وتحسين أصول الواجهة الأمامية، بما في ذلك القدرة على حقن سياق طلب جانب الخادم في عملية عرض JavaScript. كما يوفر أدوات لتشخيص مشكلات التكامل أثناء التثبيت أو الترقية.

Uploadthing هي أداة لدمج رفع الملفات في تطبيقات الويب، وتوفر نظاماً لقبول وتخزين الملفات من خلال معالجة الملفات بدون خادم (serverless). تدير عملية الرفع من البداية إلى النهاية، بدءاً من إنشاء نقاط نهاية الخلفية وصولاً إلى تسليم المحتوى عبر شبكة توصيل المحتوى. يستخدم المشروع سير عمل URL موقع مسبقاً للسماح للعملاء برفع الملفات مباشرة إلى التخزين السحابي، مما يقلل من حركة مرور الخادم. يتميز بنظام تحقق قائم على المسار لفرض قيود على أنواع الملفات وأحجامها، إلى جانب برمجيات وسيطة لتفويض الطلبات وخطافات الويب (webhooks) الآمنة بعد الرفع. تغطي المنصة مجموعة واسعة من الإمكانيات، بما في ذلك إدارة التخزين السحابي لإعادة تسمية الملفات أو حذفها وتنفيذ عمليات رفع قابلة للاستئناف للتحويلات الكبيرة. توفر مجموعة من مكونات واجهة المستخدم، مثل أزرار الرفع ومناطق الإفلات، والتي يمكن تصميمها أو استبدالها بواجهات مخصصة باستخدام خطافات قابلة للتركيب. تم تصميم النظام للنشر عبر بيئات التشغيل الطرفية (edge) والبيئات بدون خادم، مع معالجة التكوين عبر متغيرات البيئة.

هذا المشروع عبارة عن تنفيذ لمكونات خادم React، مما يوفر بنية مكونات كاملة المكدس تمزج بين العرض من جانب الخادم والتفاعل من جانب العميل. وهو يتيح تطوير تطبيقات الويب حيث تتعايش المكونات الخاصة بالخادم فقط لجلب البيانات ومكونات العميل التفاعلية داخل شجرة مكونات واحدة. يركز النظام على تنسيق بيانات الخادم-العميل، مما يسمح بتنفيذ دوال الخادم وطفرات قاعدة البيانات عبر حدود الشبكة. ويتميز ببنية مكونات هجينة تنقل تنفيذ المكونات إلى الخادم لتقليل أحجام حزم العميل وتحسين أوقات التحميل الأولية. يغطي المشروع نطاقاً واسعاً من الإمكانيات، بما في ذلك جلب البيانات غير المتزامن مع التعليق (suspense)، وتذكير المكونات التلقائي (memoization)، وتحسين العرض من جانب الخادم. كما يتضمن أدوات لإدارة الحالة المعقدة، وتنسيق تحميل الأصول لمنع تحولات التخطيط، وبناء تطبيقات عبر المنصات للويب والهواتف المحمولة. يتم توفير أدوات المطور لاكتشاف المكونات غير النقية، وتحليل تبعيات الوحدات، وفحص تسلسلات المكونات أثناء التطوير.