در این قسمت میخواهیم دانستههای 5 قسمت قبل را در طی یک تمرین کنار هم قرار داده و مرور کنیم. برپایی ساختار ابتدایی پروژهی تمرین
ابتدا یک پروژهی جدید React را ایجاد میکنیم: > create-react-app sample-05
> cd sample-05
> npm start
سپس بستههای بوت استرپ و font-awesome را نیز در آن نصب میکنیم: > npm install --save bootstrap
> npm install --save font-awesome
در اد ...
در قسمت قبل ، اولین کامپوننت React خود را ایجاد کردیم و سپس جزئیات بیشتری از عبارات JSX را مانند نحوهی تعریف المانهای مختلف و تنظیم مقادیر ویژگیهای آنرا بررسی کردیم. در ادامهی همان مثال، در این قسمت، نحوهی نمایش لیستها و تعریف و مدیریت رویدادها را در کامپوننتهای React، بررسی میکنیم.
نحوهی رندر لیستی از اشیاء در کامپوننتهای React
فرض کنید میخواهیم لیستی از تگها را رندر کنیم. برای این منظور ابتدا دادهه ...
برپایی پروژهی ایجاد اولین کامپوننت React
در اینجا برای بررسی مقدماتی کامپوننتها، یک پروژهی جدید React را ایجاد میکنیم. > create-react-app sample-04
> cd sample-04
> npm start
اکنون در ادامه اولین کاری را که انجام میدهیم، نصب توئیتر بوت استرپ 4 است تا بتوانیم توسط امکانات آن، ظاهر بهتری را برای برنامهی تهیه شده تدارک ببینیم. برای این منظور پس از باز کردن پوشهی اصلی برنامه توسط VSCode، دکمههای ` ...
در قسمت قبل ، بخشی از تازههای ES6 را که بیشتر در برنامههای مبتنی بر React مورد استفاده قرار میگیرند، بررسی کردیم. در این قسمت نیز سایر موارد مهم باقیمانده را بررسی میکنیم.
در اینجا نیز برای بررسی ویژگیهای جاوا اسکریپت مدرن، یک پروژهی جدید React را ایجاد میکنیم. > create-react-app sample-03
> cd sample-03
> npm start
سپس تمام کدهای داخل index.js را نیز حذف میکنیم. اکنون تمام کدهای خالص جاوا اسکری ...
برای کار با React، نیاز است با ES6 آشنایی داشته باشید که در این سایت، یک سری کامل بررسی مقدمات آنرا پیشتر مرور کردهایم. علاوه بر توصیهی مطالعهی این سری (اینکار الزامی است)، در این قسمت خلاصهی بسیار سریع و کاربردی آنرا که بیشتر در برنامههای مبتنی بر React مورد استفاده قرار میگیرند، با هم مرور خواهیم کرد. در قسمتهای بعدی، اهمیت ذکر این خلاصه بیشتر مشخص میشود.
برای بررسی ویژگیهای جاوا اسکریپت مدرن، یک پروژهی جدید ...
React یک کتابخانهی جاوا اسکریپتی، برای ساخت رابطهای کاربری سریع و تعاملی است. توسعهی آن از سال 2011 در فیسبوک شروع شد و در حال حاضر محبوبترین کتابخانهی جاوا اسکریپتی در این ردهاست:
به همین جهت اگر میخواهید رزومهی غنیتری را ارائه دهید، فراگیری React میتواند موقعیتهای شغلی بیشتری را نصیب شما کند. ساختار کلی یک برنامهی React
کامپوننتها (جزئی از یک رابط کاربری) قلب هر برنامهی R ...
پس از بررسی مباحث و نکات پایهای کار با کتابخانهی Moq، در این قسمت تعدادی از نکات تکمیلی آنرا بررسی خواهیم کرد.
حالتهای عملکرد کتابخانهی Moq
کتابخانهی Moq، دو حالت عملکرد را دارد: Strict Mode و Loose mode. زمانیکه یک Mock object را نمونه سازی میکنیم، به صورت پیشفرض کتابخانهی Moq، یک Loose mock را ایجاد میکند. در این حالت این شیء، مقادیر پیشفرض خواص و اشیاء را بازگشت میدهد و استثنائی را صادر نمیکند. ا ...
علاوه بر امکان تنظیم مقدار خروجی متدها ، مقدار خواص و ردیابی خواص تغییر کرده ، یکی دیگر از قابلیتهای کتابخانهی Moq، بررسی مورد استفاده قرار گرفتن خواص و متدهای اشیاء Mock شدهاست، که عموما به آن Behavior based testing هم میگویند.
Behavior Based Testing چیست؟
آزمونهایی را که تاکنون بررسی کردیم از نوع state based testing بودند. در این حالت ابتدا یک Mock object را ایجاد و سپس وهلهای از سرویس مدنظر را توسط آن ته ...
در قسمت قبل ، چون متد Validate سرویس تصدیق هویت استفاده شده، همواره مقدار false را بر میگرداند: _identityVerifier.Initialize();
var isValidIdentity = _identityVerifier.Validate(
application.Applicant.Name, application.Applicant.Age, application.Applicant.Address);
شیء Mock آنرا طوری تنظیم کردیم که بر اساس یک applicant مشخص، خروجی true را بازگشت دهد. اما در این بین، کدهای بررسی سرویس creditScorer را کامنت کردیم: _cr ...
در قسمت قبل با مفاهیمی مانند fakes ،stubs ،dummies و mocks آشنا شدیم و در اولین آزمایشی که نوشتیم، کار تدارک dummies را به عنوان پارامترهای سازندهی سرویس مورد بررسی، توسط کتابخانهی Moq و اشیاء <Mock<T آن انجام دادیم؛ پارامترهایی که ذکر آنها ضروری بودند، اما در آزمایش ما مورد استفاده قرار نمیگرفتند. در این قسمت میخواهیم کار تدارک stubs را توسط کتابخانهی Moq انجام دهیم؛ به عبارتی میخواهیم مقادیر بازگشتی از متدهای اشیاء Mock ش ...