أولاً، React هي مكتبة JavaScript شائعة لبناء واجهة المستخدم، خاصة للتطبيقات ذات الصفحة الواحدة. فهو يسمح للمطورين بإنشاء مكونات قابلة لإعادة الاستخدام وإدارة حالة تطبيقاتهم بكفاءة. في هذه المدونة، سأتناول عملية إعداد مشروع React وغير ذلك الكثير.

المتطلبات الأساسية
قبل الدخول في التفاعل أو إنشاء مشروع التفاعل، يجب عليك تثبيت الأدوات التالية.

1. Node.js: يمكنك تنزيل أحدث إصدار من Node.js من الموقع الرسمي: https://nodejs.org/en.
2. محرر الأكواد: يمكنك استخدام أي محرر يناسبك، وأنا أوصي بشدة باستخدام VSCode.

كيفية إنشاء مشروع

1. افتح موجه الأوامر أو المحطة الطرفية الخاصة بك.
2. قم بتشغيل الأمر cmd التالي

//Replace my-app with the name of your project.
npx create-react-app my-app

//navigate to your project directory
cd my-app 

//this cmd helps us to run our script
npm start 

بنية المجلد

my-app/
├── node_modules/
├── public/
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   └── reportWebVitals.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

1. Node_modules: دليل يتم فيه تخزين كافة التبعيات مثل المكتبات والحزم التي يتطلبها مشروعك.

2. src: المجلد المصدر الذي يحتوي على جميع أكواد تطبيق React الخاصة بك. هذا هو المكان الذي تكتب فيه المكونات والأنماط والمنطق لتطبيق React الخاص بك.

3. package.json: ملف JSON يحتوي على بيانات وصفية حول مشروعك والتبعيات التي يتطلبها. فهو يدير تبعيات المشروع، والبرامج النصية، والإصدار، وأشياء أخرى.