react elasticsearch تنزيل - react elasticsearch Source Code Download

react elasticsearch

مكونات الطرف الثالث

1.0.0

تنزيل

رد فعل Elasticsearch

مكونات واجهة المستخدم لـ React + Elasticsearch. إنشاء تطبيقات البحث باستخدام المكونات التعريفية.

الاستخدام

التوثيق والتوضيح القابل للعب المتاحة هنا.

 const MySearchComponent = ( ) => (
  < Elasticsearch url = "http://example.org/search" >
    < SearchBox id = "mainSearch" fields = { [ "title" ] } />
    < Facet id = "actors" fields = { [ "actors" ] } />
    < Facet id = "releasedYear" fields = { [ "releasedYear" ] } />
    < Results
      id = "results"
      items = { data =>
        // Map on result hits and display whatever you want.
        data . map ( item => < MyCardItem key = { item . _id } source = { item . _source } /> )
      }
    />
  </ Elasticsearch >
) ;

ثَبَّتَ

 npm i react-elasticsearch
yarn add react-elasticsearch

يطور

يمكنك اختبار المكونات باستخدام Storybook (20+ أمثلة).

 npm run storybook

الميزات الرئيسية

؟ صدر تحت رخصة معهد ماساتشوستس للتكنولوجيا .
؟ ‍؟ تم تصميم كل مكون مع رد فعل وقابل للتخصيص . ليس الكثير من الميزات الإضافية ولا السحر.
؟ يأتي مع عدم وجود نمط ، لذا فمن مسؤولية المطورين تنفيذها.
؟ 35.32 كيلو بايت GZIDED GZIDED LIB بأكمله ، متوافق مع المتصفحات القديمة:> 0.03 ٪ الاستخدام.
؟ لا إرث: تم إنشاؤه في عام 2019 ، تم تحديثه في عام 2021 مع السنانير.

لماذا؟

بدأنا في بناء تجربة البحث لمنصة التراث الثقافي الفرنسي المفتوح مع ReactiveSearch ، وهي مكونات واجهة المستخدم المعروفة للبحث عن React. بعد بضعة أسابيع ، أدركنا أننا قضينا الكثير من الوقت في التغيير والاختراق في LIB ؛ لقد أعادنا كتابة كل مكونات تقريبًا. لقد فتحنا المشكلات وسحب الطلبات على المستودع ، لكن يبدو أن LIB كان عالقًا بعض الشيء في عملية إعادة الكتابة. اكتشفنا أننا بحاجة إلى lib بسيط يمكن تمديده بسهولة باستخدام واجهة برمجة تطبيقات مماثلة ، أنشأنا هذا. يحتوي هذا LIB على العديد من الميزات أقل من غيرها ، فهو ليس منافسًا لائقًا. ولكن نظرًا لأنه ساعدنا في بناء تجارب بحث ، فقد تم إصداره. أتمنى أن تساعدك!