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

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

Hello World با ری اکت جی اس

پیش نیاز ها :

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

آموزش ساختار های پوشه و فایل ها در ری اکت جی اس

در این آموزش با نحوه نصب و اجرا ری اکت جی اس و همچنین تغییر ابتدایی محتوای  پروژه آشنا می شویم

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

create-react-app hello-world

که در این آموزش نام اپلیکیشن ما  “ hello-world” می باشد

در نظر داشته باشید که نمی توانید از حروف های بزرگ در هنگام ساخت برنامه استفاده نمایید

پس از اجرای این دستور در ترمینال پوشه یی با این نام ساخته می شود که پس از دانلود پکیج های مورد نیاز برای اجرا ری اکت جی اس آدرس  پوشه مربوطه برای شما نمایان می شود همچنین می توانید پوشه یی را ساخته و سپس با رفتن به پوشه مربوطه این دستور را اجرا کنید تا تمامی فایل ها در همان پوشه دانلود شود

با رفتن به پوشه سورس یا همان src و فایل App.js می توانید تغییرات مورد نظر که برای این پروژه Hello World می باشد را انجام دهید

شما می توانید هرگونه طراحی دلخواه خود را با تغییر دادن فایل App.js و App.css انجام دهید

در این آموزش از لینوکس ابونتو استفاده شده است

برای نصب نود جی اس نیز از طریق ترمینال استفاده شده است ولی می توانید با رفتن به ادرس اصلی نودجی اس اخرین نسخه را نصب کنید و دیگر نیاز به نصب نود جی اس و npm در ترمینال نیست

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

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