टाइपस्क्रिप्ट और रिएक्ट के साथ एक सरल मूवी लाइब्रेरी ऐप बनाने का परिचय

इस लेख में, हम टाइपस्क्रिप्ट और रिएक्ट का उपयोग करके एक सरल मूवी लाइब्रेरी ऐप बनाएंगे। हम बुनियादी टाइपस्क्रिप्ट प्रकार, इंटरफेस, HTML-विशिष्ट प्रकार, और FC घटकों को कवर करेंगे।

परियोजना का अवलोकन

यह परियोजना एक सरल मूवी लाइब्रेरी ऐप बनाएगी ऐप में एक मूवी की सूची होगी जिसे शीर्षक, रेटिंग, और शैली द्वारा сортировка किया जा सकता है। इसमें एक खोज फ़ंक्शन भी होगा जो उपयोगकर्ताओं को विशिष्ट मूवी ढूंढने की अनुमति देगा।

परियोजना सेटअप

हम एक नए रिएक्ट परियोजना को सेटअप करना शुरू करेंगे जिसमें npm create react-app movie-library --template typescript का उपयोग किया जाएगा। यह एक新的 रिएक्ट परियोजना बनाएगा जिसमें टाइपस्क्रिप्ट समर्थन होगा।

टाइपस्क्रिप्ट क्या है?

टाइपस्क्रिप्ट जावास्क्रिप्ट का एक सुपरसेट है जो वैकल्पिक स्थिर टाइपिंग और अन्य सुविधाएं जोड़ता है जो विकास अनुभव में सुधार करता है। यह विकासकर्ताओं को त्रुटियों को जल्दी से पकड़ने और कोड की रखरखाव में सुधार करने में मदद करने के लिए डिज़ाइन किया गया है, जिससे यह बड़े और जटिल अनुप्रयोगों के लिए एक लोकप्रिय पसंद बन गया है।

टाइपस्क्रिप्ट जावास्क्रिप्ट का एक सुपरसेट है

टाइपस्क्रिप्ट में बुनियादी प्रकार

टाइपस्क्रिप्ट में कई बुनियादी प्रकार हैं, जिनमें स्ट्रिंग, नंबर, बूलियन, और अधिक शामिल हैं। इन प्रकारों का उपयोग एक 변수, फ़ंक्शन पैरामीटर, या रिटर्न मूल्य के प्रकार को घोषित करने के लिए किया जा सकता है।

टाइपस्क्रिप्ट में इंटरफेस

टाइपस्क्रिप्ट में इंटरफेस एक वस्तु के आकार को परिभाषित करने के लिए उपयोग किया जाता है। वे विशेषताओं, विधियों, और उनके प्रकारों को निर्दिष्ट करते हैं जो एक वस्तु में होना चाहिए।

इंटरफेस एक वस्तु के आकार को परिभाषित करता है

मूवी इंटरफेस बनाना

हम एक मूवी वस्तु के लिए एक इंटरफेस बनाएंगे, जिसमें शीर्षक, रेटिंग, और शैली जैसी विशेषताएं होंगी।

मूवी लिस्ट घटक लागू करना

हम मूवी लिस्ट घटक को लागू करेंगे, जो मूवी की सूची प्रदर्शित करेगा। हम मूवी इंटरफेस का उपयोग मूवी प्रॉप्स के प्रकार को परिभाषित करने के लिए करेंगे।

मूवी लिस्ट घटक लागू करना

खोज फ़ंक्शन जोड़ना

हम एक खोज बार जोड़ेंगे और खोज फ़ंक्शन को लागू करेंगे। हम खोज प्रश्न के आधार पर मूवी को फ़िल्टर करने के लिए फ़िल्टर विधि का उपयोग करेंगे।

खोज फ़ंक्शन जोड़ना

निष्कर्ष

इस लेख में, हमने टाइपस्क्रिप्ट और रिएक्ट का उपयोग करके एक सरल मूवी लाइब्रेरी ऐप बनाया। हमने बुनियादी टाइपस्क्रिप्ट प्रकार, इंटरफेस, और FC घटकों को कवर किया। हमने मूवी लिस्ट और खोज फ़ंक्शनality को भी लागू किया।

निष्कर्ष हमें उम्मीद है कि यह लेख आपको टाइपस्क्रिप्ट और रिएक्ट का परिचय देने में मददगार रहा होगा। हैप्पी कोडिंग!

अंतिम विचार