GraphQL और रिले छनन यूआई

Question

PROMPT

आप रिले उपयोग करके Google कैलेंडर का निर्माण करना हो तो, आप कैसे GraphQL स्कीमा और रिले कंटेनर/घटकों की संरचना ठीक से & एकाधिक कैलेंडर छुपा दिखा संभालने के लिए चाहते हैं?

प्रयास

एक इस तरह एक स्कीमा सोच सकता है:

viewer { 
    user { 
    calendars(calendarIds: [String]) { 
     edges, 
     node { 
      name, 
      id, 
      events(dates: [Date]) { 
      ... edges, node, eventinfo... 
      } 
     } 
     } 
    } 
    } 
} 

तो, मैं सभी कैलेंडर और सभी घटनाओं, या एक विशेष कैलेंडर नीचे खींच सकते हैं, या क्या आपके पास ।

स्ट्रक्चरिंग रिले कंटेनरों और घटकों, मैं निम्नलिखित कल्पना कर सकते हैं:

<CalendarView Container> 
    <CalendarView> 
    <WeekView> or <MonthView> or <Agenda> etc... 
     <Event> 

इस तरह CalendarView रिले कंटेनर टुकड़ा कैलेंडर का अनुरोध सेट करता है और CalenderView घटक setVariables का उपयोग करता दिखाई दे रहा/छिपने टॉगल करने के लिए कि दृश्य में उस कैलेंडर का। कि, वे सभी चयनित घटनाओं से डेटा की आवश्यकता होती है -

समस्या यह है कि मैं का सामना कर रहा हूँ (और कहा कि मेरे सिर स्पिन बना रहा है) कि Day/Week/Month/Agenda घटकों मिश्रित विचारों हो रहा है।

भूखंड

गाढ़ा अब, यह ठीक लग रहा है -, सही CalendarView calendarId चर सेट है और जिसके परिणामस्वरूप घटनाओं नीचे से गुजरती हैं? एक प्रकार का। अब CalendarView के लिए टुकड़ा calendarIds के सेट के साथ बनाया गया है, जैसे कि calendar पर टॉगल करना या बंद करने के लिए पूरे पेड़ को बदलना है।

गोचा?

जहां तक ​​मैं कह सकता हूं, रिले calendarIds के प्रत्येक संयोजन को पूरी तरह से अलग लाने के रूप में देखता है। इसलिए, जब मैं एक नए id पर टॉगल करता हूं तो यह सभी ईवेंट प्राप्त करता है, यहां तक ​​कि उन कैलेंडर के लिए भी जिन्हें मैंने पहले ही लाया है।

रखें कोड वार:

fragment calendar(calendarIds: [1, 2]) { ... } 

एक है पूरी तरह अलग लाने से:

fragment calendar(calendarIds: [1, 2, 3]) { ... } 

यह वह जगह है ... बुरा। उन कैलेंडर पर बहुत सी घटनाएं हो सकती हैं और ओवर-फ़ेचिंग एक हत्यारा है।

सिद्धांत रूप में, मैं प्रति कैलेंडर एक कंटेनर बना सकता हूं, लेकिन फिर मैं उन कैलेंडर पर घटनाओं को कैसे जोड़ूं और उन्हें एक सामान्य उप-घटक में पाइप कर दूंगा? कैलेंडर को स्तरित नहीं किया जा सकता है क्योंकि घटनाओं को अन्य घटनाओं के प्रति प्रतिक्रिया में घूमने की आवश्यकता होती है, यहां तक ​​कि अलग-अलग कैलेंडर पर भी (उन्हें बाएं/दाएं स्थानांतरित करने के लिए स्थानांतरित करना)।

विचार? मेरा दिमाग दर्द होता है।

Answer 1

रखें कोड के लिहाज से, calendar(calendarIds: [1, 2])calendar(calendarIds: [1, 2, 3])

हाँ से एक बिल्कुल अलग प्रश्न है। ग्राफ़क्यूएल क्षेत्र तर्कों के लिए अर्थशास्त्र को असाइन नहीं करता है, इसलिए रिले (न ही कोई अन्य ग्राफक्ल्यू क्लाइंट) यह नहीं जानता कि calendarIds तर्क परिणामों के आईडी से मेल खाते हैं। हालांकि, यह एक सामान्य उपयोग-मामला है, हालांकि, रिले एक विशेष nodes(ids: [ID!]) रूट फ़ील्ड (क्वेरी प्रकार पर) का समर्थन करता है जिसे आप उम्मीद कर रहे थे। इसका उपयोग करने के लिए, अपनी स्कीमा में nodes फ़ील्ड को कार्यान्वित करें जो परिणाम को एक सरणी के रूप में लौटाता है जिसका ऑर्डर इनपुट आईडी के साथ मेल खाता है, जो किसी भी परिणाम के लिए शून्य प्रविष्टियों के साथ लोड नहीं किया जा सकता है। जैसे यदि इनपुट आईडी [1,2,3] हैं, तो आप [result1, result2, result3] वापस कर देंगे। इस फ़ील्ड का उपयोग करते समय, रिले पहले प्राप्त डेटा के खिलाफ तर्क तर्कों को अलग करेगा (क्योंकि यह धारणा है कि इस विशेष क्षेत्र के तर्कों का अर्थ अर्थात् अर्थात् अर्थपूर्ण अर्थ है)।