React 16x - قسمت 2 - بررسی پیشنیازهای جاوا اسکریپتی - بخش 1
برای کار با React، نیاز است با ES6 آشنایی داشته باشید که در این سایت، یک سری کاملبررسی مقدمات آنرا پیشتر مرور کردهایم. علاوه بر توصیهی مطالعهی این سری (اینکار الزامی است)، در این قسمت خلاصهی بسیار...
View ArticleReact 16x - قسمت 3 - بررسی پیشنیازهای جاوا اسکریپتی - بخش 2
در قسمت قبل، بخشی از تازههای ES6را که بیشتر در برنامههای مبتنی بر React مورد استفاده قرار میگیرند، بررسی کردیم. در این قسمت نیز سایر موارد مهم باقیمانده را بررسی میکنیم. در اینجا نیز برای بررسی...
View ArticleReact 16x - قسمت 4 - کامپوننتها - بخش 1 - کار با عبارات JSX
برپایی پروژهی ایجاد اولین کامپوننت React در اینجا برای بررسی مقدماتی کامپوننتها، یک پروژهی جدید React را ایجاد میکنیم.> create-react-app sample-04> cd sample-04> npm start اکنون در ادامه...
View ArticleReact 16x - قسمت 5 - کامپوننتها - بخش 2 - نمایش لیستها و مدیریت رویدادها و...
در قسمت قبل، اولین کامپوننت React خود را ایجاد کردیم و سپس جزئیات بیشتری از عبارات JSX را مانند نحوهی تعریف المانهای مختلف و تنظیم مقادیر ویژگیهای آنرا بررسی کردیم. در ادامهی همان مثال، در این...
View ArticleReact 16x - قسمت 6 - کامپوننتها - بخش 3 - یک تمرین
در این قسمت میخواهیم دانستههای 5 قسمت قبلرا در طی یک تمرین کنار هم قرار داده و مرور کنیم. برپایی ساختار ابتدایی پروژهی تمرین ابتدا یک پروژهی جدید React را ایجاد میکنیم:> create-react-app...
View ArticleReact 16x - قسمت 7 - ترکیب کامپوننتها - بخش 1 - ارسال دادهها، مدیریت رخدادها
تا اینجا، تنها با یک تک کامپوننت کار کردیم؛ اما یک برنامهی واقعی ترکیبی است از چندین کامپوننت که در نهایت درخت کامپوننتها را در React تشکیل میدهند. به همین جهت در طی چند قسمت، نکات ترکیب کامپوننتها...
View ArticleFunctional Programming یا برنامه نویسی تابعی - قسمت اول
آشنایی این قسمت از مقاله به ایده اصلی برنامه نویسی تابعی و دلیل وجودی آن خواهد پرداخت. هیچ شکی نیست که بزرگترین چالش در توسعه نرم افزارهای بزرگ، پیچیدگی آن است. تغییرات همیش اجتناب ناپذیر هستند. به...
View ArticleReact 16x - قسمت 8 - ترکیب کامپوننتها - بخش 2 - مدیریت state
در ادامهی بحثترکیب کامپوننتها، پس از نمایش لیستی از کامپوننتهای شمارشگر و مقدار دهی عدد آغازین آنها، به همراه مدیریت حذف هر ردیف در قسمت قبل، اکنون میخواهیم دکمهای را اضافه کنیم تا تمام شمارشگرها...
View ArticleReact 16x - قسمت 9 - ترکیب کامپوننتها - بخش 3 - Lifecycle Hooks
کامپوننتها در طول چرخهی عمر خود، از چندین مرحله عبور میکنند. اولین مرحله، mount نام دارد و زمانی رخ میدهد که وهلهای از یک کامپوننت، ایجاد و به DOM افزوده شدهاست. در این حالت تعدادی متد خاص را...
View ArticleReact 16x - قسمت 10 - ترکیب کامپوننتها - بخش 4 - یک تمرین
در قسمت 6، تمرینی را جهت پیاده سازی نمایش لیست یک سری فیلم، انجام دادیم. در اینجا قصد داریم این تمرین را جهت دریافت امتیاز و Like از کاربر، به ازای هر ردیف نمایش داده شده، تکمیل کنیم. بررسی ساختار...
View ArticleReact 16x - قسمت 11 - طراحی یک گرید - بخش 1 - کامپوننت صفحه بندی
در طی چند قسمت قصد داریم مثال قسمت قبل را که کار نمایش لیستی از فیلمها را انجام میدهد، تبدیل به یک کامپوننت گرید کنیم که دارای امکانات صفحه بندی، فیلتر کردن و مرتب سازی اطلاعات است.بررسی ساختار...
View ArticleReact 16x - قسمت 12 - طراحی یک گرید - بخش 2 - فیلتر کردن اطلاعات
تا اینجا کامپوننت صفحه بندی را به همراه اعمال آن به لیست نمایش داده شده، پیاده سازی کردیم. در ادامه میخواهیم لیست ژانرهای سینمایی را که در فایل fakeGenreService.js تعریف شدهاند:export const genres =...
View ArticleGarbage Collector در #C - قسمت اول
Garbage Collection فرض کنید متغیری را ایجاد کرده و به آن مقدار دادهاید:string message = "Hello World!"; آیا تابحال به این موضوع فکر کردهاید که طول عمر متغیر messageتا چه زمانی است و چه زمانی باید...
View ArticleFunctional Programming یا برنامه نویسی تابعی - قسمت دوم – مثالها
در قسمت قبلیاین مقاله، با مفاهیم تئوری برنامه نویسی تابعی آشنا شدیم. در این مطلب قصد دارم بیشتر وارد کد نویسی شویم و الگوها و ایدههای پیاده سازی برنامه نویسی تابعی را در #C مورد بررسی قرار دهیم....
View ArticleReact 16x - قسمت 13 - طراحی یک گرید - بخش 3 - مرتب سازی اطلاعات
تا اینجا صفحه بندی و فیلتر کردن اطلاعات را پیاده سازی کردیم. در این قسمت شروع به refactoring کامپوننت movies کرده، جدول آنرا تبدیل به یک کامپوننت مجزا میکنیم و سپس مرتب سازی اطلاعات را نیز به آن...
View ArticleReact 16x - قسمت 14 - طراحی یک گرید - بخش 4 - پویاسازی تعاریف ستونها
در گریدی که تا به اینجا طراحی کردیم، اگر قرار باشد بجای جدول فیلمها، جدول مشتریها نمایش داده شود، چکار باید کرد؟ با پیاده سازی فعلی، باید کل تعاریف MoviesTable را در کامپوننت دیگری مانند...
View ArticleReact 16x - قسمت 15 - مسیریابی - بخش 1 - تعریف و تنظیم مسیریابیها
React برخلاف Angular، دارای قابلیتهای توکار مسیریابی نیست و تنها کاری را که انجام میدهد همان رندر View است که تا اینجا بررسی کردیم. به همین جهت در این قسمت ابتدا یک برنامهی عمومی و ساده را با نصب...
View ArticleReact 16x - قسمت 16 - مسیریابی - بخش 2 - پارامترهای مسیریابی
در قسمت قبل، نحوهی برپایی و تنظیمات اولیهی کتابخانهی مسیریابی react-router-domرا بررسی کردیم. در ادامه نحوهی دریافت پارامترهای مسیریابی و سایر جزئیات این کتابخانه را مرور میکنیم. دریافت پارامترهای...
View ArticleReact 16x - قسمت 17 - مسیریابی - بخش 3 - یک تمرین
به عنوان تمرین، همان برنامهی طراحی گریدی را که تا قسمت 14تکمیل کردیم، با معرفی مسیریابی بهبود خواهیم بخشید. برای این منظور یک NavBar بوت استرپی را به بالای صفحه اضافه میکنیم که دارای سه لینک movies...
View ArticleReact 16x - قسمت 18 - کار با فرمها - بخش 1 - دریافت ورودیها از کاربر
تقریبا تمام برنامهها نیاز دارند فرمهای مخصوصی را داشته باشند. به همین جهت در این قسمت، برنامهی نمایش لیست فیلمها را که تا این مرحله تکمیل کردیم، با افزودن تعدادی فرم بهبود میبخشیم؛ مانند فرم...
View Article