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

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

پیش نیاز ها:

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

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

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

اشنایی با props

خوب است بدانیم که JSX چیست و چه ویژگی و خاصیت هایی دارد که از این  بزرگوار در کد ها و اپ های ری اکتی استفاده می کنیم

JSX چیست ؟

Java Script XML یا JSX اکستنشن یا توسعه ی برای زبان جاوا اسکریپ می باشد شاید با دیدن XML تعجب بر انگیز باشد ولی به دین منظور است که می توانید کد هایی شبیه XML برای المان ها و کامپوننت های خود بنویسید

تگ های JSX  برای مثال همان تگ هایی که در آموزش های قبلی ساختیم را در نظر بگیرید خاصیت پذیری و انعطاف پذیری بالایی دارند و قابلیت استفاده مجدد را دارند و می توانید بار ها و در شرایط های مختلف از تگ ها با خروجی های متفاوت استفاده کنید

JSX الزاما برای نوشتن برنامه های ری اکتی نیست

JSX کد ها بسیار ساده تر و شفاف تر می کند و دیباگ کردن کد ها بسیار ساده تر می شود

JSX در نهایت به جاوا اسکریپتی تبدیل می شود که برای مرورگر ها قابل خواندن و اجرا باشد

برای پی بردن به ساده کردن کد ها توسط JSX یک مثال می زنیم برای مثال ما می خواهیم یک کامپونت که برای ما در خروجی سلام  را چاپ می کند را با JSX و بدون JSX بسازیم

با JSX :

const Hello = () => {
  return (
    <div>
    <h1>Hello</h1>
    </div>
  )
}

بدون JSX :

const Hello = () => {
  return React.createElement('div', null, 
    React.createElement('h1', null, 'Hello')
  )
}

پس کاملا واضح است که چرا ما از JSX استفاده می نماییم و چگونه JSX می تواند در سرعت بخشیدن به ساخت اپ ری اکتی به ما کمک کند

در این ویدئو کامپوننت های ساخته شده را بدون JSX و با JSX می سازیم و همچنین به جزئیات بیشتری در این موارد پرداخته شده است

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