#2 Create React App using Vite

👉 Create react app using vite

Download files

#2.1 what is the proplem?

Download files

#2.2 React useState Hook شرح

ماهو الـ hook ؟

بإختصار يُستخدم لإعادة قراءة الـ component مره اخرى

👉 What is a Hook? - w3schools

👉 useState Hook - w3schools

👉 useState example

⚠ الـ useState تُستخدم مع أنواع الـ data البسيطة مثل الـ string, number, booleans, ...

Download files

#2.3 Dark mode using useState

Download files

#2.4 Toggle dark-light theme

HTML Events

Toggle Switches [CSS Examples]

html to jsx

Javascript editor online

Download files

#2.5 React useReducer Hook شرح

👉 useReducer Hook - w3schools

👉 useReducer example

⚠ الـ useReducer تُستخدم مع أنواع الـ data المُعقدة مثل الـ array of objects

Download files

#2.6 Task solution

Download files