ReactPro

webapsolution

ປະກອບ​ມີ​ໂຄ​ສະ​ນາ

ກ່ຽວກັບແອັບນີ້

ReactPro ເປັນແອັບການຮຽນຮູ້ທີ່ສົມບູນແບບໃນ Google Play Store ທີ່ອອກແບບມາສຳລັບຜູ້ມັກ React.js, ຈາກຜູ້ເລີ່ມຕົ້ນຈົນເຖິງຜູ້ໃຊ້ຂັ້ນສູງ. ມັນສະຫນອງການສອນຂັ້ນຕອນໂດຍຂັ້ນຕອນກວມເອົາແນວຄວາມຄິດຫຼັກເຊັ່ນ: ອົງປະກອບ, ລັດ, props, ແລະ hooks, ກ້າວໄປສູ່ຫົວຂໍ້ຕ່າງໆເຊັ່ນ API context, ການເພີ່ມປະສິດທິພາບການປະຕິບັດ. ການໂຕ້ຕອບທີ່ເປັນມິດກັບຜູ້ໃຊ້ຂອງ ReactPro ແລະຫຼັກສູດທີ່ມີໂຄງສ້າງເຮັດໃຫ້ມັນເປັນຊັບພະຍາກອນທີ່ເຫມາະສົມສໍາລັບການຊໍານິຊໍານານ React.js ໃນເວລາເດີນທາງ.

ນີ້ແມ່ນບັນຊີລາຍຊື່ຂອງຫົວຂໍ້ຂອງການສອນ React.js ນີ້:

1. ແນະນໍາການປະຕິກິລິຍາ
- React ແມ່ນຫຍັງ?
- ລັກ​ສະ​ນະ​ທີ່​ສໍາ​ຄັນ​ຂອງ React (ອົງ​ປະ​ກອບ​, JSX​, Virtual DOM​)
- ການ​ຕິດ​ຕັ້ງ React (ສ້າງ React App​)

2. JSX: JavaScript XML
- JSX syntax ແລະການນໍາໃຊ້
- ການຝັງຕົວສະແດງອອກໃນ JSX
- ການສະແດງ JSX

3. ອົງປະກອບໃນ React
- Functional vs Class ອົງປະກອບ
- ການສ້າງແລະການສະແດງອົງປະກອບ
- ໂຄງ​ປະ​ກອບ​ການ​ແລະ​ການ​ນໍາ​ໃຊ້​ຄືນ​ໃຫມ່​

4. ອຸປະກອນເສີມ
- ຖ່າຍທອດຂໍ້ມູນໃສ່ອົງປະກອບໂດຍໃຊ້ props
- ການ​ກວດ​ສອບ Prop​
- props ເລີ່ມຕົ້ນ

5. ລັດ ແລະ ວົງຈອນຊີວິດ
- ການຄຸ້ມຄອງສະຖານະອົງປະກອບດ້ວຍ 'useState'
- ການ​ປັບ​ປຸງ​ລັດ​
- ຄວາມ​ເຂົ້າ​ໃຈ​ວິ​ທີ​ການ​ວົງ​ຈອນ​ຊີ​ວິດ (ສໍາ​ລັບ​ອົງ​ປະ​ກອບ​ຂອງ​ຫ້ອງ​ຮຽນ​) ແລະ hooks (ເຊັ່ນ​: "ການ​ນໍາ​ໃຊ້​ຜົນ​ກະ​ທົບ​"​)

6. ການຈັດການເຫດການ
- ເພີ່ມ​ຜູ້​ຟັງ​ເຫດ​ການ​
- ການ​ຈັດ​ການ​ການ​ປ້ອນ​ຂໍ້​ມູນ​ຂອງ​ຜູ້​ໃຊ້​ແລະ​ເຫດ​ການ​
- ຕົວຈັດການເຫດການຜູກມັດ

7. ການສະແດງເງື່ອນໄຂ
- ການສະແດງອົງປະກອບຕາມເງື່ອນໄຂ
- ການ​ນໍາ​ໃຊ້​ຄໍາ​ຖະ​ແຫຼງ if/else ແລະ​ປະ​ຕິ​ບັດ​ການ ternary ໃນ JSX​

8. ລາຍການ ແລະຄີ
- ການສະແດງລາຍຊື່ໃນ React
- ການນໍາໃຊ້ຫນ້າທີ່ `map()` ເພື່ອສະແດງເນື້ອຫາແບບເຄື່ອນໄຫວ
- ຄວາມສຳຄັນຂອງກະແຈໃນລາຍການ React

9. ແບບຟອມໃນ React
- ຄວບຄຸມທຽບກັບອົງປະກອບທີ່ບໍ່ສາມາດຄວບຄຸມໄດ້
- ການຈັດການວັດສະດຸປ້ອນແບບຟອມ
- ການ​ຍື່ນ​ສະ​ເຫນີ​ຮູບ​ແບບ​ແລະ​ການ​ກວດ​ສອບ​

10. ຍົກລັດຂຶ້ນ
- ລັດ​ແບ່ງ​ປັນ​ລະ​ຫວ່າງ​ອົງ​ປະ​ກອບ​
- ຍົກລັດຂຶ້ນເປັນບັນພະບຸລຸດທົ່ວໄປ

11. React Router
- ການ​ຕັ້ງ​ຄ່າ React Router ສໍາ​ລັບ​ການ​ນໍາ​ທາງ​
- ການ​ກໍາ​ນົດ​ເສັ້ນ​ທາງ​ແລະ​ການ​ເຊື່ອມ​ຕໍ່​
- ເສັ້ນ​ທາງ​ທີ່​ຕິດ​ຕັ້ງ​ແລະ​ຕົວ​ກໍາ​ນົດ​ການ​ເສັ້ນ​ທາງ​

12. Hooks Overview
- ແນະນໍາ React hooks
- hooks ທົ່ວໄປ: `useState`, `useEffect`, `useContext`
- hooks custom (ທາງ​ເລືອກ​ອື່ນ​)

13. ການຈັດຮູບແບບໃນ React
- ຮູບແບບໃນແຖວ
- CSS stylesheets ແລະໂມດູນ
- ຫ້ອງສະໝຸດ CSS-in-JS (ເຊັ່ນ: ອົງປະກອບທີ່ມີຮູບແບບ)

14. ການດີບັກພື້ນຖານ ແລະເຄື່ອງມືພັດທະນາ
- ການນໍາໃຊ້ React Developer Tools
- Debugging ຄວາມຜິດພາດທົ່ວໄປ

15. ການນຳໃຊ້ແອັບ React
- ການ​ກໍ່​ສ້າງ app ສໍາ​ລັບ​ການ​ຜະ​ລິດ​
- ທາງ​ເລືອກ​ໃນ​ການ​ນໍາ​ໃຊ້ (Netlify​, Vercel​, GitHub Pages​)

ນີ້ຈະກວມເອົາແນວຄວາມຄິດພື້ນຖານແລະໃຫ້ຜູ້ໃດຜູ້ຫນຶ່ງເລີ່ມຕົ້ນດ້ວຍ React!



ຫົວຂໍ້ຂັ້ນສູງ:
16. Context API ແລະການຄຸ້ມຄອງລັດ
- ຄວາມເຂົ້າໃຈ React Context API
- ການນໍາໃຊ້ Context ເພື່ອຫຼີກເວັ້ນການເຈາະ prop
- ສະ​ພາບ​ການ​ທຽບ​ກັບ​ຫ້ອງ​ສະ​ຫມຸດ​ການ​ຄຸ້ມ​ຄອງ​ລັດ (Redux​, MobX​)
- ເວລາໃດ ແລະ ເປັນຫຍັງຕ້ອງນຳໃຊ້ຫ້ອງສະໝຸດການຄຸ້ມຄອງລັດ

17. Advanced Hooks
- ເບິ່ງລາຍລະອຽດທີ່ 'useReducer' ສໍາລັບການຄຸ້ມຄອງລັດທີ່ຊັບຊ້ອນ
- ການນໍາໃຊ້ `useMemo` ແລະ `useCallback` ສໍາລັບການເພີ່ມປະສິດທິພາບການປະຕິບັດ
- ຄວາມເຂົ້າໃຈແລະການນໍາໃຊ້ 'useRef' ສໍາລັບການຫມູນໃຊ້ DOM ແລະຄວາມຄົງທົນ
- ການສ້າງ hooks custom ເພື່ອ encapsulate ຕາມເຫດຜົນ reusable

18. ອົງປະກອບຄໍາສັ່ງທີ່ສູງຂຶ້ນ (HOC)
- ເຂົ້າໃຈອົງປະກອບຄໍາສັ່ງທີ່ສູງຂຶ້ນ
- ການສ້າງ HOCs ເພື່ອເພີ່ມປະສິດທິພາບການເຮັດວຽກ
- ໃຊ້ກໍລະນີ ແລະການປະຕິບັດທີ່ດີທີ່ສຸດ
- ການປຽບທຽບກັບ Render Props

19. Render Props Pattern
- Render Props ແມ່ນຫຍັງ?
- ການ​ສ້າງ​ແລະ​ການ​ນໍາ​ໃຊ້​ອົງ​ປະ​ກອບ​ທີ່​ມີ render props​
- ເມື່ອໃດທີ່ຈະໃຊ້ render props vs HOCs

20. ຂອບເຂດຄວາມຜິດພາດ
- ຄວາມເຂົ້າໃຈຂອບເຂດຄວາມຜິດພາດໃນ React
- ການປະຕິບັດຂອບເຂດຄວາມຜິດພາດໂດຍໃຊ້ `componentDidCatch`
- ຄວາມຜິດພາດໃນການຈັດການການປະຕິບັດທີ່ດີທີ່ສຸດໃນ React

ມີຫຍັງໃໝ່

React js basic to advanced