Nexca هي لوحة تحكم قمنا بإنشائها مؤخرًا وفي هذه المقالة سأشرح كل ربط لفهمها بشكل أفضل للعثور على آخر تحديث يمكنك التحقق منه هنا .

useFetch

يتم استخدام خطاف useFetch لجلب البيانات مثل المنشورات أو الخدمات أو الأقسام من عنوان URL محدد. يأخذ هذا الخطاف معلمة واحدة، وهي عنوان URL الذي سيتم جلب البيانات منه.

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

useGetSection

يتم استخدام الخطاف useGetSection لجلب البيانات من قسم معين. هذا الخطاف مفيد بشكل خاص لقسم العملاء. يستغرق الأمر ثلاث معلمات:

1. url: عنوان URL الذي سيتم جلب البيانات منه، وعادة ما يكون نقطة نهاية API للمشاركات.
2. lengthItem: عدد العناصر التي تريد عرضها في هذا القسم.
3. secid: معرف القسم الذي تريد جلب البيانات له.

يمكنك أيضًا استخراج حالة التحميل لعرض الهيكل العظمي أثناء تحميل المشاركات.

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

useGetLatestPosts

يتم استخدام خطاف useGetLatestPosts لجلب أحدث المشاركات على الموقع. يأخذ هذا الخطاف معلمة واحدة:

• الحجم الأخير: عدد العناصر الحديثة التي تريد عرضها.

من الممارسات الجيدة تعيين عدد العناصر التي تريد رؤيتها باستخدام useState.

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

useCheckLogin

يتم استخدام خطاف useCheckLogin حصريًا للمسؤول للتحقق مما إذا كان المستخدم قد قام بتسجيل الدخول. ولا يأخذ أي معلمات ويجب استدعاؤه فقط في صفحة المسؤول أو التخطيط.

useSinglePost

يتم استخدام خطاف useSinglePost لجلب منشور واحد بناءً على معلمة معرف. يجد المنشور المطابق ويعرضه للمستخدم. يتم استخدام هذا الرابط فقط في صفحة /Posts/[id].

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

useReadText

يتم استخدام خطاف useReadText لقراءة نص معين باستخدام إمكانية تركيب الكلام في المتصفح. ويوفر وظيفة لبدء وإيقاف عملية القراءة. يأخذ هذا الخطاف معلمة واحدة:

• نص: النص الذي سيتم قراءته بصوت عالٍ.

يحتفظ الخطاف بحالة التحدث للإشارة إلى ما إذا كان النص قيد القراءة حاليًا. تقوم بإرجاع ثلاث قيم:

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@@