آموزش رندر کردن داده‌ها در ری‌اکت (React) - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• پیش‌نیازها و آنچه باید بدانید What you should know

• رندر کردن داده‌ها در ری‌اکت Rendering data in React

• آشنایی با CoderPad CoderPad tour

1. رندر کردن داده‌های استاتیک 1. Rendering Static Data

• راهکار: دریافت و نمایش props Solution: Receiving and displaying props

• مبانی رندر کردن داده‌های استاتیک Basics of rendering static data

2. رندر کردن لیست داده‌ها 2. Rendering Lists of Data

• راهکار: استفاده از map برای رندر آرایه‌ها Solution: Using map to render arrays

• رندر کردن لیست‌ها با استفاده از key Rendering lists with keys

3. رندرینگ شرطی 3. Conditional Rendering

• راهکار: رندر شرطی یک لیست Solution: Conditionally render a list

• رندر کردن عناصر بر اساس شرایط Rendering elements based on conditions

4. رندر کردن داده‌های تو در تو 4. Rendering Nested Data

• رندر کردن داده‌های تو در تو Rendering nested data

• راهکار: رندر کردن لیستی از اشیاء Solution: Render a list of objects

5. فیلتر کردن داده‌ها 5. Filtering Data

• استفاده از تابع filter برای رندر داده‌های فیلتر شده Using the filter function to render filtered data

• راهکار: فیلتر کردن لیست به صورت آنی (Real-time) Solution: Filtering a list real time

6. مرتب‌سازی داده‌ها 6. Sorting Data

• راهکار: مرتب‌سازی الفبایی لیست اشیاء Solution: Sort the list of objects alphabetically

• رندر مجدد داده‌های مرتب شده هنگام تغییر ترتیب Re-rendering sorted data when the order changes

7. صفحه‌بندی داده‌ها 7. Data Pagination

• راهکار: نمایش تنها پنج مورد در هر بار Solution: Only five items at a time

• تقسیم داده‌ها به صفحات Splitting data into pages

جمع‌بندی Conclusion

• سایر مباحث ری‌اکت برای یادگیری Other React topics to explore