Learn React

اسے لکھ کر ردعمل سیکھیں۔ یہ React JS ٹیوٹوریل آپ کو JSX کی پہلی لائن سے لے کر ہکس، اسٹیٹ مینجمنٹ اور مکمل ایپس تک لے جاتا ہے، اور ہر وہ جزو جسے آپ اپنے فون پر براہ راست پیش نظارہ میں لکھتے ہیں۔

88 کورسز اور 324 انٹرایکٹو اسباق، A1 سے C1 کی سطح۔ ایک مختصر تصور پڑھیں، اصلی کوڈ ٹائپ کریں، چلائیں پر ٹیپ کریں اور نتیجہ دیکھیں۔ کوئی لیپ ٹاپ اور سیٹ اپ کی ضرورت نہیں۔

اپنے فون پر کوڈ لکھیں۔

• JSX کے لیے بنایا گیا ایک کوڈ ایڈیٹر، ایک لائیو پیش نظارہ کے ساتھ جو آپ کے اجزاء کو ایپ کے اندر پیش کرتا ہے۔

• رن ٹائم (ReactDOM اور Babel) ایپ میں بنڈل ہے، لہذا آپ کا کوڈ ڈیوائس پر چلتا ہے، سرور پر نہیں

• ملٹی فائل پروجیکٹس: ایک جزو کو دوسرے میں درآمد کریں، جس طرح سے اصلی ایپس بنتی ہیں۔

• اپنے پیش کردہ بٹن کو تھپتھپائیں، اپنے فارم میں ٹائپ کریں اور UI کا جواب دیکھیں

لیب

• ہکس لیب: ریاست میں ہونے والی ہر تبدیلی اور ہر رینڈر کو جیسا کہ یہ ہوتا ہے دیکھیں

• پروپس نوبس: سلائیڈر کے ساتھ ایک سہارا تبدیل کریں اور اجزاء کی تازہ کاری دیکھیں

• رینڈر پروفائلر اور اسٹیٹ ٹائم لائن (پرو): معلوم کریں کہ کون سا جزو دوبارہ پیش کیا گیا ہے اور کیوں، پھر اپنی ریاست میں دوبارہ صاف کریں

قدم بہ قدم، ترقی کی طرف مبتدی

• بنیادی باتیں: JSX، اجزاء، پروپس، ریاست، واقعات، فہرستیں اور کلیدیں، مشروط رینڈرنگ

• ہکس: useState، useEffect، useRef، useReducer، کسٹم ہکس، useLayoutEffect اور بہت کچھ

• فارم اور توثیق، ری ایکٹ ہک فارم، کنٹرول شدہ اور بے قابو ان پٹ

• ریاستی انتظام: سیاق و سباق، Redux ٹول کٹ اور RTK استفسار، Zustand اور Jotai

• ری ایکٹ راؤٹر، ڈیٹا فیچنگ، TanStack Query، SWR اور پر امید UI

• ٹائپ اسکرپٹ، ٹیسٹنگ، اسٹوری بک، رسائی اور سیکیورٹی

• کارکردگی: یادداشت، کوڈ کی تقسیم، سسپنس، ٹرانزیشن، ورچوئلائزڈ فہرستیں

• رد عمل 19 اور سرور کے اجزاء، SSR اور ہائیڈریشن، سٹریمنگ

• Next.js ایپ راؤٹر، ڈیٹا کی بازیافت اور تصدیق

• ویب ڈویلپرز کے لیے مقامی بنیادی باتوں پر ردعمل ظاہر کریں۔

• تعیناتی، مائیکرو فرنٹنڈز اور ماڈیول فیڈریشن

حقیقی پروجیکٹس بنائیں

20 گائیڈڈ پروجیکٹس، ایک وقت میں ایک چھوٹا سا قدم: لائک بٹن، پروفائل کارڈز، ٹپ کیلکولیٹر، کوئز گیم، اسٹاپ واچ، سائن اپ فارم، شاپنگ کارٹ، امیج کیروسل، صفحہ بندی کی فہرست، ٹوڈو ایپ اور بہت کچھ۔ ہر قدم یہ چیک کرتا ہے کہ آپ آگے بڑھنے سے پہلے آپ کا جزو واقعی کام کرتا ہے۔

اس وقت تک مشق کریں جب تک یہ چپک نہ جائے۔

• ہکس، رینڈرنگ، فارم، سیاق و سباق اور کارکردگی پر 30 کوڈنگ مشن (آسان، درمیانے اور سخت)

• UI میچ: ایک ہدف والے جزو کو دوبارہ بنائیں اور ساخت، انداز اور متن کے لیے اسکور حاصل کریں۔

• بگ ہنٹ: ٹوٹے ہوئے جزو میں بگ کو ڈھونڈیں اور ٹھیک کریں۔

• اجزاء کو یاد کریں: اس گمشدہ ٹکڑے کو دوبارہ کوڈ میں ٹائپ کریں جس پر آپ پہلے سے کام کر رہے ہیں، وقفے وقفے سے تکرار کے ساتھ

• 50 سوالات، 50 انٹرویو کے سوالات اور ایک دھوکہ دہی کے ساتھ کوئز

• روزانہ چیلنج، اسٹریکس، XP اور ایک لیڈر بورڈ

اے آئی مینٹر (پی آر او)

ایک ہک یا غلطی پر پھنس گئے؟ AI سرپرست سے واضح وضاحت طلب کریں، AI کو اپنے کوڈ کا جائزہ لینے دیں اور اسے درست کرنے کا مشورہ دیں، یا کسی بھی موضوع پر حسب ضرورت سبق تیار کریں۔

سرٹیفکیٹ (PRO)

فائنل امتحان پاس کریں اور ایک سرٹیفکیٹ حاصل کریں جس کا آپ اشتراک کر سکتے ہیں۔

یہ کس کے لیے ہے۔

• ابتدائی لوگ جو تھوڑا سا HTML، CSS یا JavaScript جانتے ہیں۔

• دوسرے فریم ورک سے آنے والے ڈویلپرز جنہیں تیزی سے سوئچ کرنے کی ضرورت ہے۔

• کوئی بھی جو فرنٹ اینڈ ڈویلپر انٹرویو کی تیاری کر رہا ہے۔

• پراجیکٹس کا پورٹ فولیو بنانے والے خود سکھائے گئے کوڈرز

مفت اور پرو

مفت: پہلا کورس، ایک گائیڈڈ پروجیکٹ، 2 کوڈنگ مشن، لائیو پیش نظارہ کے ساتھ کوڈ ایڈیٹر، ہکس لیب، پرپس نوبس، بگ ہنٹ اور ایک دن میں 3 UI میچ چیک۔ مفت ورژن اشتہارات دکھاتا ہے۔

پرو: تمام 88 کورسز، تمام پروجیکٹس اور مشنز، اے آئی مینٹر، رینڈر پروفائلر اور اسٹیٹ ٹائم لائن، سرٹیفکیٹ امتحان اور کوئی اشتہار نہیں۔

ایپ 22 زبانوں میں دستیاب ہے۔

React Meta Platforms, Inc کا ایک ٹریڈ مارک ہے۔ Next.js Vercel, Inc. کا ٹریڈ مارک ہے۔ یہ ایک آزاد سیکھنے والی ایپ ہے، جس کا Meta یا Vercel سے کوئی تعلق یا تائید نہیں کی گئی ہے۔

رازداری کی پالیسی: https://www.coddykit.com/terms/privacy-policy