کوچکترین مثال React به نظر می سد:
این یک heading با عنوان “!Hello, world” در صفحه نمایش می دهد.
برای باز کردن ویرایشگر آنلاین روی لینک بالا کلیک کنید. درصورت ایجاد تغییر راحت باشید و ببنید که چگونه بروی خروجی تاثیر می گذارند. بیشتر صفحات این راهنما نمونه های قابل ویرایش این صفحه را دارند.
دراین راهنما، ما ساختار برنامه های React را بررسی خواهیم کرد: المنت ها و کامپونت ها (elements and components) . پس از تسلط بر آنها، می توانید برنامه های پیجیده را از قطعات کوچک قابل استفاده مجدد ایجاد کنید.
این راهنما برای افرادی طراحی شده است که مفاهیم یادگیری را به صورت مرحله به مرحله (step by step) ترجیح می دهند. اگر ترجیح می دهید با انجام یادگیری یاد بگیرید، آموزش علمی ما بررسی کنید. ممکن است این راهنما و آموزش مکمل یکدیگر باشید.
این اولین فصل در یک راهنمای گام به گام در مورد مفاهیم اصلی React است. لیستی از تمام فصل های آن را می توانید در نوار کناری پیدا کنید. اگر این مورد را از دستگاه تلفن همراه می بیبنید ، می توانید با فشار دادن دکمه در گوشه سمت راست بالا صفحه ، دسترسی پیدا کنید.
هر فصل از این راهنما بر دانش معرفی شده در فصل های قبلی استوار است. شما می توانید بسیاری از React را با خواندن فصل های راهنمای “مفاهیم اصلی” به ترتیب نمایش در ستون کناری یاد بگیرید. شما می توانید بسیاری از مفهایم React را با خواندن فصل های راهنمای “مفاهیم اصلی” به ترتیب نمایش در ستون کناری یاد بگیرید. به عنوان مثال ، “معرفی JSX ” فصل بعد از این مقاله است.
React یک کتابخانه JavaScript است ، بنابراین فرض خواهیم کرد که شما یک درک اساسی از زبان JavaScript داشته باشید. اگرمطمئن نیستید، توصیه می کنیم از یک آموزش جاوا اسکریپت برای خود استفاده کنید و این کار را ما برای شما کرده ایم که بودن نیاز به گشتن این آدرس را دنبال کنید. ممکن ایت تا یک ساعت طول بکشد، اما لازم نیست متمرکزشوید همزمان با react می توانید JavaScript را یاد می گیرید.
این راهنما گاهی از برخی ویژگی های جدید JavaScript در مثالها استفاده می کند. اگر در چند سال گذشته با جاوا اسکریپت کار نکرده اید، این سه نکته بیشتر از همه به شما کمک کند.