Skip to content

Commit

Permalink
Small improvements
Browse files Browse the repository at this point in the history
  • Loading branch information
iRayan7 committed Apr 14, 2019
1 parent 74f8b19 commit 9e52345
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions content/docs/hooks-rules.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ npm install eslint-plugin-react-hooks
}
```

في المستقبل، ننوي تضمين هذه الإضافة افتراضيًّا عند بناء تطبيقات جديدة باستعمال الأمر into Create React App أو أية مجموعة أدوات أخرى (toolkits).
في المستقبل، ننوي تضمين هذه الإضافة افتراضيًّا عند بناء تطبيقات جديدة باستعمال الأمر Create React App أو أية مجموعة أدوات أخرى (toolkits).

**يمكنك تخطي بقية هذه الصفحة إلى الصفحة التالية: [بناء خطافات خاصة بك](/docs/hooks-custom.html) الآن.** إذ سنكمل شرح سبب وجود هاتين القاعدتين.

Expand Down Expand Up @@ -100,7 +100,8 @@ useEffect(updateTitle) // 4. استبدال التأثير من أجل تح
طالمًا أنَّ ترتيب استدعاءات الخطاف هو نفسه بين عمليات التصيير، تستطيع React من ربط بعض الحالات المحلية مع بعضها بعضًا. ولكن، ماذا يحصل إن وضعنا استدعاء خطاف (التأثير `persistForm` مثلًا) داخل تعبير شرطي؟

```js
// 🔴 We're breaking the first rule by using a Hook in a condition
// 🔴 نكسر الآن القاعدة الأولى عبر استعمال خطاف داخل تعبير شرطي

if (name !== '') {
useEffect(function persistForm() {
localStorage.setItem('formData', name);
Expand Down

0 comments on commit 9e52345

Please sign in to comment.