TypeScript Academy · पाठ

प्रकार-सुरक्षित tRPC क्लाइंट का परिचय

देखें कि tRPC शुरू से अंत तक प्रकार-सुरक्षा कैसे सुनिश्चित करता है

पाठ 4, कुल 4 में से13 चरण

प्रकार-सुरक्षित tRPC क्लाइंट का परिचय, CoddyKit पर TypeScript Academy का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह TypeScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। TypeScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

स्वागत है

tRPC code generation के बिना सर्वर और क्लाइंट के बीच एंड-टू-एंड TypeScript प्रकार-सुरक्षा प्रदान करता है।

tRPC क्या है

tRPC आपको पूर्ण प्रकार-सुरक्षा के साथ क्लाइंट से सर्वर फ़ंक्शन कॉल करने देता है। OpenAPI विनिर्देश नहीं, codegen नहीं—केवल TypeScript।

सर्वर राउटर परिभाषा

tRPC राउटर का उपयोग करके सर्वर पर टाइपयुक्त प्रक्रियाएँ परिभाषित कीजिए।
import { initTRPC } from '@trpc/server';
const t = initTRPC.create();
const appRouter = t.router({
  getUser: t.procedure.input(z.number()).query(({ input }) => db.getUser(input)),
});

प्रकार का अनुमान

क्लाइंट पर उपयोग के लिए राउटर प्रकार एक्सपोर्ट कीजिए।
export type AppRouter = typeof appRouter;

क्लाइंट सेटअप

सर्वर राउटर प्रकार का उपयोग करके टाइपयुक्त tRPC क्लाइंट बनाइए।
import { createTRPCProxyClient, httpBatchLink } from '@trpc/client';
const trpc = createTRPCProxyClient<AppRouter>({
  links: [httpBatchLink({ url: '/api/trpc' })],
});

टाइपयुक्त क्लाइंट कॉल

पूर्ण ऑटोकम्प्लीट के साथ क्लाइंट से सर्वर प्रक्रियाओं को कॉल कीजिए।
const user = await trpc.getUser.query(1);
// user is typed as the return type of getUser

Zod के साथ इनपुट सत्यापन

tRPC इनपुट सत्यापक के रूप में Zod स्कीमा का उपयोग कीजिए।
t.procedure.input(z.object({ name: z.string(), email: z.string().email() })).mutation(...)

म्यूटेशन

डेटा में बदलाव करने वाले संचालन के लिए म्यूटेशन परिभाषित कीजिए।
const router = t.router({
  createUser: t.procedure.input(CreateUserSchema).mutation(({ input }) => db.create(input)),
});

React Query एकीकरण

tRPC पूर्ण प्रकार-अनुमान के साथ डेटा प्राप्त करने के लिए React Query के साथ एकीकृत होता है।
const { data: user } = trpc.getUser.useQuery(1);
// data is typed automatically

tRPC में त्रुटि प्रबंधन

tRPC TRPCError के साथ टाइपयुक्त त्रुटियाँ उपलब्ध कराता है।
import { TRPCError } from '@trpc/server';
if (!user) throw new TRPCError({ code: 'NOT_FOUND', message: 'User not found' });

tRPC बनाम REST बनाम GraphQL

tRPC पूर्ण-स्टैक TypeScript प्रोजेक्ट के लिए आदर्श है। सार्वजनिक या विभिन्न भाषाओं वाले API के लिए REST और GraphQL बेहतर हैं।

त्वरित जाँच

tRPC सर्वर और क्लाइंट के बीच प्रकार-सुरक्षा कैसे प्राप्त करता है?

पुनरावृत्ति

टाइप-सुरक्षित tRPC क्लाइंट का अवलोकन: आपने मुख्य अवधारणाओं और पैटर्न में दक्षता प्राप्त की।
शुरुआत निःशुल्क

एआई शिक्षक के साथ TypeScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम
101
पाठ
352

अक्सर पूछे जाने वाले प्रश्न

क्या “प्रकार-सुरक्षित tRPC क्लाइंट का परिचय” पाठ निःशुल्क है?

हाँ—“प्रकार-सुरक्षित tRPC क्लाइंट का परिचय” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और TypeScript Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। TypeScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“प्रकार-सुरक्षित tRPC क्लाइंट का परिचय” में मैं क्या सीखूँगा?

देखें कि tRPC शुरू से अंत तक प्रकार-सुरक्षा कैसे सुनिश्चित करता है आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ TypeScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या TypeScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर TypeScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।

“प्रकार-सुरक्षित tRPC क्लाइंट का परिचय” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस TypeScript Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर TypeScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

  1. जेनेरिक रैपर से Fetch प्रतिक्रियाओं के प्रकार निर्धारित करना
  2. Zod से रनटाइम मान्यकरण
  3. OpenAPI कोड जनरेशन: स्वतः-निर्मित प्रकार
  4. प्रकार-सुरक्षित tRPC क्लाइंट का परिचय
← TypeScript Academy पर वापस जाएँ