تا %60 تخفیف خرید برای 2 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

دوره مقدماتی React.js: قسمت 2 - آشنایی با JSX و Component ها

در این قسمت با Babel آشنا می شویم و می فهمیم که میتوانیم با استفاده از آن از JSX استفاده بکنیم. همچنین با Component ها کار می کنیم و آن ها رو هم با استفاده از Babel و JSX و هم بدون استفاده از آنها می نویسیم.

 

Component ها

سال های سال است که برنامه نویس ها، در زبان ها و فناوری های مختلف به دنبال راه هایی برای تقسیم برنامه ها به قسمت ها کوچک تر و با منطق جدا هستند. در React این کار از طریق تقسیم برنامه به قسمت هایی به نام Component ها صورت می گیرد. Component ها برنامه ی ما را خوانا تر و قابل توسعه تر می کنند. ما می توانیم از یک Component بار ها استفاده کنیم. همچنین، هر Component منطق خود را خواهد داشت که مستقل از بقیه ی برنامه است.

Component ها در React در حقیقت تابع (Function) هایی هستند که یک المان React به ما باز می گردانند. ما می توانیم با استفاده از JSX این تابع ها را به صورت المان های HTML استفاده کرده، تا مقدار برگشت داده شده از آن ها را در Component های دیگر استفاده کنیم.

JSX

JSX یک بخش اضافه شده به JavaScript هست که ما اجازه می دهد از تگ های HTML در داخل JavaScript استفاده کنیم. نتیجه ی خروجی این تگ ها به صورت المان های React در خواهند آمد که می توان با استفاده از ReactDOM.render آن ها را در صفحه جایگذاری (render) کرد.

Babel

Babel یک Transpiler برای JavaScript هست که بعضی از Syntax هایی که به تازگی به این زبان اضافه شده اند یا اصلا در هسته ی زبان وجود ندارند را، روی تمامی مرورگر ها قابل استفاده می کند. Babel همچنین وظیفه ی ترجمه ی JSX به JavaScript خالی را بر عهده دارد. Babel با اضافه کردن React به فایل های JavaScript به فایل ها اضافه شده و خود به خود کار Compile را انجام می دهد.

در ویدیو های آینده با نگاه کردن به امکانات جدید JavaScript که در ES6 اضافه شده اند، با کمک های Babel هم بیشتر آشنا می شویم.

نظر شما
برای ارسال نظر باید وارد شوید.
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...