नेक्सका एक एडमिन पैनल है जिसे हमने हाल ही में बनाया है और इस लेख में मैं प्रत्येक हुक को समझाने जा रहा हूं ताकि नवीनतम अपडेट ढूंढने के लिए उन्हें बेहतर ढंग से समझा जा सके, आप उन्हें यहां जांचें।

उपयोग करें

useFetch हुक का उपयोग किसी निर्दिष्ट यूआरएल से पोस्ट, सेवाओं या अनुभाग जैसे डेटा लाने के लिए किया जाता है। यह हुक एक पैरामीटर लेता है, जो कि यूआरएल है जिससे डेटा लाया जाता है।

const data = useFetch('/api/posts/');

GetSection का उपयोग करें

useGetSection हुक का उपयोग किसी विशिष्ट अनुभाग से डेटा लाने के लिए किया जाता है। यह हुक क्लाइंट वर्ग के लिए विशेष रूप से उपयोगी है। इसमें तीन पैरामीटर लगते हैं:

1. यूआरएल: वह यूआरएल जिससे डेटा प्राप्त करना है, आमतौर पर पोस्ट के लिए एक एपीआई एंडपॉइंट।
2. lengthItem: आइटम की वह संख्या जिसे आप उस अनुभाग में प्रदर्शित करना चाहते हैं।
3. secid: उस अनुभाग की आईडी जिसके लिए आप डेटा प्राप्त करना चाहते हैं।

आप पोस्ट लोड होने के दौरान एक कंकाल प्रदर्शित करने के लिए लोडिंग स्थिति भी निकाल सकते हैं।

const { data, loading } = useGetSection('/api/posts/', 8, 2);

GetLatestPosts का उपयोग करें

useGetLatestPosts हुक का उपयोग साइट पर नवीनतम पोस्ट लाने के लिए किया जाता है। यह हुक एक पैरामीटर लेता है:

• हाल का आकार: हाल की वस्तुओं की संख्या जिन्हें आप प्रदर्शित करना चाहते हैं।

यूज़स्टेट का उपयोग करके आप जो आइटम देखना चाहते हैं उनकी संख्या निर्धारित करना अच्छा अभ्यास है।

const [recentSize] = useState(5);
const { posts } = useGetLatestPosts(recentSize);

चेकलॉगइन का उपयोग करें

useCheckLogin हुक का उपयोग विशेष रूप से व्यवस्थापक के लिए यह जांचने के लिए किया जाता है कि कोई उपयोगकर्ता लॉग इन है या नहीं। यह कोई पैरामीटर नहीं लेता है और इसे केवल व्यवस्थापक पृष्ठ या लेआउट में ही कॉल किया जाना चाहिए।

सिंगलपोस्ट का उपयोग करें

useSinglePost हुक का उपयोग आईडी पैरामीटर के आधार पर एकल पोस्ट लाने के लिए किया जाता है। यह मेल खाने वाली पोस्ट ढूंढता है और उसे उपयोगकर्ता को प्रदर्शित करता है। यह हुक केवल /पोस्ट/[आईडी] पेज पर उपयोग किया जाता है।

const post = useSinglePost();
// To read data from the post
{post.title}

उपयोग पढ़ेंपाठ

useReadText हुक का उपयोग ब्राउज़र की वाक् संश्लेषण क्षमता का उपयोग करके किसी दिए गए पाठ को पढ़ने के लिए किया जाता है। यह पढ़ने की प्रक्रिया को शुरू करने और रोकने की कार्यक्षमता प्रदान करता है। यह हुक एक पैरामीटर लेता है:

• पाठ: ज़ोर से पढ़ा जाने वाला पाठ।

हुक यह इंगित करने के लिए isSpeaking स्थिति बनाए रखता है कि पाठ वर्तमान में पढ़ा जा रहा है या नहीं। यह तीन मान लौटाता है:

1. isSpeaking: एक बूलियन यह दर्शाता है कि पाठ पढ़ा जा रहा है या नहीं।
2. handleReadText: टेक्स्ट पढ़ना शुरू करने के लिए एक फ़ंक्शन।
3. handleStopReading: पाठ को पढ़ने से रोकने के लिए एक फ़ंक्शन।

import { useReadText } from './useReadText';

const ExampleComponent = () => {
  const { isSpeaking, handleReadText, handleStopReading } = useReadText('Hello, this is a sample text.');

  return (
    

      Read Text
      Stop Reading
    
  );
};

लाइव डेमो

उपयोगकर्ता नाम: व्यवस्थापक
पासवर्ड: a123b456@@