خريطة الطريق لـ React وأهم المهارات والبدائل بتاعتهم

[x32x01]

ركز معايا كده في مسار Reactjs RoadMap وده أهم المهارات والبدائل بتاعتهم اللي أنا جمعتهم ليك ومزود عليهم كمان حاجات هتخليك في مستوي تاني بفضل الله

1= Basic things to learn ️​

أهم حاجة لازم تعرفها في البداية وأنت بتتعلم رياكت
- component
- jsx
- props
- state
- events
- conditional rendering

2- Learn important hooks ️​

دي أهم الهوكس الموجودة في الريأكت ولو مش فاهم واحده فيهم متعديهاش لحد ما تفهمها
- useState
- useEffect
- useRef
- useParams
- useContext
- useReducer
- useMemo
- useCallback

3 - Learn Reactjs important packages ️​

دي أهم الباكدج اللي بتشتغل مع الريأكت واللي مفيش غني عنها زي spa و كيفية التعامل مع api وإرسال البيانات وغيره
- React Router
- React Query
- Axios
- React hooks form
- styled component
- framer motion

4- Learn some of Reactjs ui framework ️​

لو عاوز تعمل موقع ريسبونسف باستخدام الريأكت فأنت محتاج تعرف واحده من دول
- Material ui
- React bootstrap
- Rebass
- Ant design
- semantic ui

5- Learn how to manage the state in Reactjs ️​

لو بتعمل ويب ابلكيشن باستخدام ريأكت فأنت هتتعامل كتير مع البيانات وهتبقي محتاج تدير بياناتك بسهولة فهتحتاج تتعلم حاجة من دول واشهرهم ريدكس
- Redux
- mobx
- hook state
- recoil
- Akita

6- things to learn after learning Reactjs ️​

بعد ما تتعلم ريأكت وتتقنها هتبقي محتاج تزود مهاراتك فيها كتعامل مع seo و js عموما عشان ال performance بتاعك
- Next js
- gatsby
- Typescript

7- Learn to test your app ️​

بعد ما تعمل التطبيق بتاعك هتحتاج تعمل تيست عليه وده باستخدام حاجة من دول
- jest
- testing library
- jasmine
- mocha
- Cypress
- Enzyme