ReactPro

webapsolution

Зар агуулсан

Энэ аппын тухай

ReactPro нь Google Play Store дээрх React.js сонирхогчдод зориулсан анхан шатнаас эхлээд ахисан түвшний хэрэглэгчдэд зориулсан сургалтын цогц програм юм. Энэ нь бүрэлдэхүүн хэсэг, төлөв, тулгуур, дэгээ зэрэг үндсэн ойлголтуудыг хамарсан алхам алхмаар зааварчилгааг санал болгож, контекст API, гүйцэтгэлийн оновчлол зэрэг сэдвүүдийг ахиулдаг. ReactPro-ийн хэрэглэгчдэд ээлтэй интерфэйс болон бүтэцтэй сургалтууд нь үүнийг React.js-г явж байхдаа эзэмшихэд тохиромжтой эх сурвалж болгодог.

Энэ React.js хичээлийн сэдвүүдийн жагсаалт энд байна:

1. React-ийн танилцуулга
- React гэж юу вэ?
- React-ийн гол онцлогууд (Компонент, JSX, Virtual DOM)
- React суулгаж байна (React програм үүсгэх)

2. JSX: JavaScript XML
- JSX синтакс ба хэрэглээ
- JSX-д илэрхийлэл оруулах
- JSX дүрслэл

3. React дахь бүрэлдэхүүн хэсгүүд
- Функциональ ба ангийн бүрэлдэхүүн хэсгүүд
- Бүрэлдэхүүн хэсгүүдийг үүсгэх, үзүүлэх
- Бүрэлдэхүүн хэсгүүдийн бүтэц, дахин ашиглах боломжтой

4. Таяг
- Таяг ашиглан өгөгдлийг бүрэлдэхүүн хэсгүүдэд дамжуулах
- Баталгаажуулалт
- Өгөгдмөл тулгуур

5. төлөв байдал ба амьдралын мөчлөг
- `useState` ашиглан бүрэлдэхүүн хэсгийн төлөвийг удирдах
- Шинэчлэх төлөв
- Амьдралын мөчлөгийн аргууд (ангиллын бүрэлдэхүүн хэсгүүдийн хувьд) болон дэгээ ("useEffect" гэх мэт) талаар ойлголттой байх

6. Үйл явдлыг зохицуулах
- Үйл явдлын сонсогчдыг нэмж байна
- Хэрэглэгчийн оруулсан мэдээлэл, үйл явдлыг зохицуулах
- Үйл явдал зохицуулагчийг холбох

7. Conditional Rendering
- Элементүүдийг нөхцөлтэйгээр дүрслэх
- JSX дээр if/else хэллэг болон гурвалсан операторуудыг ашиглах

8. Жагсаалт ба түлхүүрүүд
- React дээр жагсаалт гаргах
- Динамик контентыг харуулахын тулд `map()` функцийг ашиглана
- React жагсаалт дахь түлхүүрүүдийн ач холбогдол

9. React дахь маягтууд
- Хяналттай ба Хяналтгүй бүрэлдэхүүн хэсгүүд
- Маягтын оролттой ажиллах
- Маягтыг илгээх, баталгаажуулах

10. Өргөх байдал дээшээ
- Бүрэлдэхүүн хэсгүүдийн хооронд төлөвийг хуваалцах
- Өвөг дээдэс хүртэл төрийг өргөх

11. React Router
- Навигацын хувьд React Router-г тохируулж байна
- Маршрут, холбоосыг тодорхойлох
- Оруулсан маршрут ба маршрутын параметрүүд

12. Дэгээний тойм
- React дэгээний танилцуулга
- Нийтлэг дэгээ: `useState`, `useEffect`, `useContext`
- Захиалгат дэгээ (заавал биш)

13. React дахь загварчлал
- Inline загвар
- CSS загварын хуудас ба модулиуд
- CSS-in-JS номын сангууд (жишээ нь, загварлаг бүрэлдэхүүн хэсгүүд)

14. Дибаг хийх болон хөгжүүлэгчийн үндсэн хэрэгслүүд
- React Developer хэрэгслийг ашиглах
- Нийтлэг алдааг засах

15. React програмыг ашиглах
- Үйлдвэрлэлд зориулсан програм бүтээх
- Байршуулах сонголтууд (Netlify, Vercel, GitHub хуудас)

Энэ нь үндсэн ойлголтуудыг хамарч, хэн нэгэнд React-ийг эхлүүлэх болно!



Нарийвчилсан сэдвүүд:
16. Контекст API болон Төрийн удирдлага
- React Context API-ийг ойлгох
- Тулгуур өрөмдлөгөөс зайлсхийхийн тулд Контекст ашиглах
- Контекст болон төрийн удирдлагын номын сан (Redux, MobX)
- Төрийн удирдлагын номын сангуудыг хэзээ, яагаад ашиглах вэ

17. Нарийвчилсан дэгээ
- Төрийн нарийн төвөгтэй менежментийн `useReducer`-ийн нарийвчилсан харагдац
- Гүйцэтгэлийг оновчтой болгохын тулд `useMemo` болон `useCallback`-ийг ашиглах
- `useRef`-ийг DOM-ийн удирдлага, тууштай байдлын хувьд ойлгож, ашиглах
- Дахин ашиглах боломжтой логикийг багтаахын тулд захиалгат дэгээ үүсгэх

18. Дээд зэрэглэлийн бүрэлдэхүүн хэсгүүд (HOC)
- Дээд зэрэглэлийн бүрэлдэхүүн хэсгүүдийг ойлгох
- Үйл ажиллагааг сайжруулахын тулд HOC-уудыг бий болгох
- Тохиолдол, шилдэг туршлагыг ашиглах
- Render Props-тэй харьцуулах

19. Render Props Pattern
- Render Props гэж юу вэ?
- Рендерийн тулгуур бүхий бүрэлдэхүүн хэсгүүдийг үүсгэх, ашиглах
- Хэзээ HOC-ийн эсрэг render тулгуурыг ашиглах вэ

20. Алдааны хил хязгаар
- React дахь алдааны хил хязгаарыг ойлгох
- `componentDidCatch` ашиглан алдааны хил хязгаарыг хэрэгжүүлэх
- React дахь шилдэг туршлагыг боловсруулахад гарсан алдаа

Шинэ юм юу байна

React js basic to advanced