PostgREST: Htmx का उपयोग करके HTML कंटेंट उपलब्ध कराना

 (postgrest.org)
3 पॉइंट द्वारा GN⁺ 2023-12-19 | 1 टिप्पणियां | WhatsApp पर शेयर करें

HTML कंटेंट उपलब्ध कराने का तरीका

  • PostgREST और htmx लाइब्रेरी का उपयोग करके HTML कंटेंट लौटाने और AJAX requests को प्रोसेस करने का तरीका परिचित कराया गया है.
  • htmx HTML response की अपेक्षा करता है, और इसका उपयोग DOM के भीतर elements को replace करने के लिए किया जाता है.

तैयारी और सेटअप

  • Tutorial 0 के आधार पर एक to-do app बनाया जाता है.
  • बिना authentication के आगे बढ़ते हुए, web_anon user को todos table पर सभी permissions दी जाती हैं.
  • text/html को media type handler के रूप में जोड़ा जाता है ताकि PostgREST web browser requests को HTML document के रूप में पहचान सके.

HTML response बनाना

  • Tailwind CSS का उपयोग करके एक function बनाई जाती है जो मूल HTML file लौटाती है.
  • Web browser http://localhost:3000/rpc/index पर web page खोल सकता है.

to-do सूची दिखाना और बनाना

  • Database में पहले से दर्ज to-do items की सूची दिखाने वाली function बनाई जाती है.
  • इसका उपयोग to-do list template बनाने में होता है, और इसे PostgREST endpoint के रूप में उपयोग नहीं किया जाता.
  • Database में to-do दर्ज करने के लिए endpoint जोड़ा जाता है और /rpc/index page को संशोधित किया जाता है.

to-do संपादित करना और हटाना

  • api.html_todo function को संशोधित करके अधिक functional बनाया जाता है.
  • htmx की नई features जोड़ी जाती हैं: to-do status बदलना, to-do को edit करने योग्य HTML लौटाना, और to-do हटाना.
  • To-do को edit करने तथा database में to-do को modify और delete करने के endpoints जोड़े जाते हैं.

GN⁺ की राय

  • यह लेख web developers के लिए दिलचस्प हो सकता है, क्योंकि यह PostgREST और htmx लाइब्रेरी का उपयोग करके web applications में dynamic HTML कंटेंट उपलब्ध कराने का तरीका समझाता है.
  • AJAX का उपयोग करके asynchronous web page updates करना आधुनिक web development का एक महत्वपूर्ण हिस्सा है, और यह लेख ऐसी functionality को लागू करने का एक ठोस उदाहरण देता है.
  • User interface को बेहतर बनाने और server व client के बीच communication को optimize करने के तरीके सीखने के लिए यह एक अच्छा संसाधन है.

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2023-12-19
Hacker News की राय
  • PostgREST पर Hacker News टिप्पणियों का सारांश:
    • PostgREST के open source प्रोजेक्ट के प्रति लगाव: एक उपयोगकर्ता ने PostgREST को अपने पसंदीदा open source प्रोजेक्ट्स में से एक बताया और कहा कि Supabase की सफलता PostgREST और Postgres के शानदार डिज़ाइन की वजह से है। इस उपयोगकर्ता ने कहा कि उन्हें नहीं पता कि Supabase, PostgREST प्रोजेक्ट को कितना sponsorship देता है, लेकिन इतनी कंपनियों द्वारा उपयोग किए जाने के बावजूद इसके सिर्फ 12 sponsors होना उन्हें खलता है।
    • PostgREST ऐप डेवलपमेंट की मुश्किलें: एक अन्य उपयोगकर्ता ने कहा कि PostgREST के साथ ऐप डेवलपमेंट का उनका अनुभव अच्छा नहीं था, और यह भी बताया कि जो framework शुरुआत में सरल लगता है, requirements जटिल होते ही समस्याएँ पैदा करने लगता है। इस मामले में, डेवलपर्स को मनचाहा परिणाम पाने के लिए database में बहुत सारे stored procedures लिखने पड़े, जिससे scalability की समस्या हुई।
    • मेंटेनेंस की कठिनाई: एक और उपयोगकर्ता ने राय दी कि PostgREST proof of concept के रूप में शानदार है, लेकिन वास्तविक जटिल web applications को इसके साथ maintain करना एक दुःस्वप्न जैसा होगा।
    • सरल web development stack का आकर्षण: एक उपयोगकर्ता ने HTML और database भर से बने web development stack को आकर्षक बताया और backend या frontend की आवश्यकता न होना एक सकारात्मक बात मानी।
    • नए/आधुनिक applications में coding patterns: Couchdb जैसे JSON document database का उदाहरण देते हुए, एक उपयोगकर्ता ने उस तरीके का वर्णन किया जिसमें client सीधे database तक पहुँचकर HTML या JSON प्राप्त कर सकता है। हालांकि, उन्होंने कहा कि इस तरह का तरीका maintenance को कठिन बना देता है और इसी कारण विकास रोक दिया गया।
    • Haskell नज़रिए से PostgREST की मौलिकता: एक उपयोगकर्ता ने कहा कि Haskell के दृष्टिकोण से PostgREST एक बिल्कुल स्वाभाविक प्रोजेक्ट है, और यही इसकी प्रतिभा है।
    • SmoothDB का परिचय: एक डेवलपर ने बताया कि उन्होंने GitHub पर SmoothDB नाम का एक नया प्रोजेक्ट जारी किया है, जिसका लक्ष्य PostgREST-compatible होना है, और यह अभी beta version में है। SmoothDB, Go में लिखा गया है और इसे standalone या जटिल server applications के module के रूप में इस्तेमाल किया जा सकता है।
    • PostgREST का उपयोग करने वाली data validation pipeline पर लेख: एक उपयोगकर्ता ने कहा कि उन्होंने PostgREST को एक सामान्य data validation pipeline के रूप में उपयोग करने पर एक लेख लिखा है, और अगला लेख इसे CQRS/REST API layer के रूप में उपयोग करने के बारे में होगा।
    • PostgREST और HTMX का संयोजन: एक उपयोगकर्ता ने कहा कि उन्होंने एक पिछले प्रोजेक्ट में PostgREST का उपयोग किया था और यह HTMX के साथ अच्छी तरह काम करता है। हालांकि, उन्होंने SQL functions के भीतर HTMX templates को maintain करने को लेकर चिंता जताई।
    • इसे maintainable stack में बदलने के लिए अतिरिक्त tools: एक उपयोगकर्ता ने पूछा कि इस अवधारणा को मध्यम से बड़े applications के लिए अच्छे UX देने वाले, maintainable stack में विकसित करने के लिए किन अतिरिक्त tools की आवश्यकता होगी।