টাইপস্ক্রিপ্ট এবং প্রোপটাইপগুলি বিভিন্ন উদ্দেশ্যে পরিবেশন করে। টাইপস্ক্রিপ্ট সংকলন সময়ে প্রকারকে বৈধতা দেয় , যেখানে প্রপটাইপগুলি রানটাইমের সময় পরীক্ষা করা হয় ।
আপনি কোড লেখার সময় টাইপস্ক্রিপ্ট দরকারী: আপনি যদি আপনার প্রতিক্রিয়া উপাদানগুলিতে ভুল টাইপের একটি যুক্তি পাস করেন, আপনাকে ফাংশন কলগুলির জন্য স্বতঃপূরণ দিলে তা আপনাকে সতর্ক করবে it
প্রোপটাইপগুলি দরকারী যখন আপনি পরীক্ষা করেন যে উপাদানগুলি কীভাবে বাহ্যিক ডেটার সাথে ইন্টারঅ্যাক্ট করে, উদাহরণস্বরূপ যখন আপনি একটি এপিআই থেকে জেএসএন লোড করেন। প্রোপটাইপস আপনাকে ডিবাগ করতে সহায়তা করবে (যখন প্রতিক্রিয়াটির বিকাশ মোডে থাকবেন) কেন আপনার উপাদানগুলি যেমন সহায়ক বার্তা মুদ্রণ করে ব্যর্থ হচ্ছে:
Warning: Failed prop type: Invalid prop `id` of type `number` supplied to `Table`, expected `string`
যদিও টাইপস্ক্রিপ্ট এবং প্রোপটাইপগুলি একই কাজটি করার মতো মনে হলেও এগুলি আসলে মোটেই ওভারল্যাপ হয় না। তবে টাইপসক্রিপ্ট থেকে স্বয়ংক্রিয়ভাবে প্রোপ টাইপগুলি তৈরি করা সম্ভব হয় যাতে আপনাকে দু'বার প্রকার নির্দিষ্ট করতে না হয়, উদাহরণস্বরূপ দেখুন: