اموزش های دوره یی و پروژه محور ری اکت جی اس

اموزش پایه یی – بخش دهم

پیش نیاز ها:

آموزش نصب و راه اندازی ری اکت جی اس

ساخت اولین برنامه ری اکت جی اس hello world

آشنایی با کامپوننت ها در ری اکت

اشنایی با props

اشنایی با JSX

آشنایی با state و setState

اشنایی و کار با Binding – Event Handlers

اشنایی و کار با شرط – Conditional Rendering – Conditions

در این آموزش به بخش مهمی می رسیم که کار با لیست ها می باشد. لیست ها در ری اکت بخش جدا ناشدنی می باشد و بسیار با آنها سر و کار خواهیم داشت. در ساخت هر اپلیکیشنی لیست ها بخش جدا ناشدنی می باشند. به طور مثال لیست کاربران ، لیست محصولات ها ، لیست …..

اگر تجربه کار با جاوا اسکریپت داشته باشید احتمالا با map کار کرده و آشنا هستید. ویژگی که با ان می توانید در لیست حرکت کنید و اطلاعات را نمایش یا …. کنید و اگر هم با map آشنایی ندارید در این بخش به طور کامل آشنا خواهید شد.به طور مثال آرایه زیر را در نظر بگیرید :

var array = [2, 4, 6, 8]

حالا می خواهیم با حرکت در این آرایه تمامی اعداد را در دو ضرب کنیم

var data = array.map( i => i * 2 )

مورد پیچیده تری را در نظر بگیریم که می تواند لیستی از دیتای جیسون باشد

var array = 
[
    {
        id: 0,
        name: 'Ali',
        lastname: 'Reza'
    },
    {
        id: 1,
        name: 'Alireza',
        lastname: 'Reza'
        }
]

در این ویدئو به آموزش و نحوه کار با لیست ها ، نحوه نمایش آنها و حرکت در آنها و … می پردازیم

مدت زمان : 11 دقیقه

برای دیدن ویدئو اختصاصی این بخش وارد حساب کاربری خود شوید