--- title: Your first React App localeTitle: لديك أول رد فعل التطبيق --- ## لديك أول رد فعل التطبيق ### التركيب كما هو محدد في الأداة السابقة (التثبيت) ، قم بتشغيل أداة `Create React App` React. بعد الانتهاء من كل شيء ، أدخل `cd` في مجلد التطبيق الخاص بك وقم بتشغيل `npm start` . سيؤدي هذا إلى بدء خادم تطوير وستكون جاهزًا للبدء في تطوير تطبيقك! `npm install -g react-create-app create-react-app my-first-app cd my-first-app npm start ` ### تحرير الرمز بدء تشغيل المحرر الخاص بك أو IDE للاختيار وتحرير ملف `App.js` في المجلد `src` . عند إنشائه باستخدام أداة `react-create-app` ، سيكون هناك بالفعل شفرة في هذا الملف. يتكون الرمز من الأجزاء التالية: #### واردات `import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; ` يتم استخدام هذا من خلال [webpack](https://webpack.js.org/) لاستيراد جميع الوحدات المطلوبة بحيث يمكن أن تستخدمها الكود. هذا الرمز يستورد 3 وحدات: 1) `React` `Component` ، مما يسمح لنا باستخدام React كما ينبغي استخدامه. (مع المكونات) 2) `logo` ، والذي يسمح لنا باستخدام `logo.svg` في هذا الملف. 3) `./App.css` ، التي تستورد ورقة الأنماط لهذا الملف. #### فصول / المكونات `class App extends Component { render() { return (
To get started, edit src/App.js
and save to reload.