learnreact
learnreact
خواندن ۲ دقیقه·۵ سال پیش

ساخت سلام دنیا | Hello World در React js

کوچکترین مثال React به نظر می سد:


این یک heading با عنوان  “!Hello, world” در صفحه نمایش می دهد.

آن را در CodePen امتحان کنید.

برای باز کردن ویرایشگر آنلاین روی لینک بالا کلیک کنید. درصورت ایجاد تغییر راحت باشید و ببنید که چگونه بروی خروجی تاثیر می گذارند. بیشتر صفحات این راهنما نمونه های قابل ویرایش این صفحه را دارند.

نحوه خواندن این راهنما | How to Read This Guide

دراین راهنما، ما ساختار برنامه های React را بررسی خواهیم کرد: المنت ها و کامپونت ها (elements and components) . پس از تسلط بر آنها، می توانید برنامه های پیجیده را از قطعات کوچک قابل استفاده مجدد ایجاد کنید.

نکته

این راهنما برای افرادی طراحی شده است که مفاهیم یادگیری را به صورت مرحله به مرحله (step by step) ترجیح می دهند. اگر ترجیح می دهید با انجام یادگیری یاد بگیرید، آموزش علمی ما بررسی کنید. ممکن است این راهنما و آموزش مکمل یکدیگر باشید.

این اولین فصل در یک راهنمای گام به گام در مورد مفاهیم اصلی React است. لیستی از تمام فصل های آن را می توانید در نوار کناری پیدا کنید. اگر این مورد را از دستگاه تلفن همراه می بیبنید ، می توانید با فشار دادن دکمه در گوشه سمت راست بالا صفحه ، دسترسی پیدا کنید.

هر فصل از این راهنما بر دانش معرفی شده در فصل های قبلی استوار است. شما می توانید بسیاری از React را با خواندن فصل های راهنمای “مفاهیم اصلی” به ترتیب نمایش در ستون کناری یاد بگیرید. شما می توانید بسیاری از مفهایم React را با خواندن فصل های راهنمای “مفاهیم اصلی” به ترتیب نمایش در ستون کناری یاد بگیرید. به عنوان مثال ، “معرفی JSX ”  فصل بعد از این مقاله است.

پیش فرض سطح دانش | Knowledge Level Assumptions

React یک کتابخانه JavaScript است ، بنابراین فرض خواهیم کرد که شما یک درک اساسی از زبان JavaScript داشته باشید. اگرمطمئن نیستید، توصیه می کنیم از یک آموزش جاوا اسکریپت برای خود استفاده کنید و این کار را ما برای شما کرده ایم که بودن نیاز به گشتن این آدرس را دنبال کنید. ممکن ایت تا یک ساعت طول بکشد، اما لازم نیست متمرکزشوید همزمان با react  می توانید JavaScript را یاد می گیرید.

نکته

این راهنما گاهی از برخی ویژگی های جدید JavaScript در مثالها استفاده می کند. اگر در چند سال گذشته با جاوا اسکریپت کار نکرده اید،  این سه نکته  بیشتر از همه به شما کمک کند.

بیایید شروع کنیم | Let’s Get Started!

منبع ترجمه

آموزش reactآموزش react jsآموزش reactjs به زبان فارسیآموزش مقدماتی react
ما ترجمه مستندات React js رو به زبان فارسی میذاریم تا شما به راحتی یاد بگیرید و پیشرفت کنید.خوشحال میشیم بعد خوندن مطالب ما نظرت رو به ما بگی:) learnreactapp.com
شاید از این پست‌ها خوشتان بیاید