Awesome GitHub RepositoriesImperative Map Ref Access

MapCN is a React component library that wraps MapLibre GL into declarative, composable building blocks for interactive maps. It provides a set of small, reusable components for rendering maps, placing markers, drawing routes, and clustering points, all managed through React hooks, context, and refs for state and lifecycle control. The library distinguishes itself by offering a complete set of map features as individual React components that automatically adapt to light and dark themes. It includes components for interactive map rendering with zero configuration, marker placement with popups a

Vetur is a Visual Studio Code extension that provides comprehensive language support for Vue single-file components. It parses .vue files into separate template, script, and style regions, then delegates each region to its own language service for independent processing. This architecture enables IntelliSense, type-checking, formatting, and linting across all embedded languages within a Vue file. The extension distinguishes itself through deep integration with Vue's component model. It infers TypeScript types for template expressions by analyzing component props, data, and computed properti

vue-chartjs is a component library that wraps Chart.js chart types as reusable Vue components, integrating the charting library into Vue's component model. It provides reactive props binding so that charts automatically redraw when data or options change, and exposes the underlying Chart.js instance via template refs for direct programmatic access. The library also forwards Chart.js interaction events like clicks and hovers to Vue component event handlers, and applies ARIA labels to chart elements for screen reader support. The library distinguishes itself by offering typed Vue components for

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

Field-form is a library for managing complex form state, validation, and field synchronization within React component trees. It functions as a state management solution that uses a shared provider to distribute form data and validation messages across nested components. The library distinguishes itself through a dynamic field registry that supports the addition, removal, and reordering of form controls. It employs a field-level subscription model to ensure that individual components only re-render when their specific state slices change, and it provides an imperative interface for triggering