ReactPro Google Play Store рдкрд░ рдПрдХ рд╡реНрдпрд╛рдкрдХ рд╢рд┐рдХреНрд╖рдг рдРрдк рд╣реИ рдЬреЛ рд╢реБрд░реБрдЖрддреА рд╕реЗ рд▓реЗрдХрд░ рдЙрдиреНрдирдд рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рддрдХ, React.js рдЙрддреНрд╕рд╛рд╣реА рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдпрд╣ рд╕рдВрджрд░реНрдн рдПрдкреАрдЖрдИ, рдкреНрд░рджрд░реНрд╢рди рдЕрдиреБрдХреВрд▓рди рдЬреИрд╕реЗ рд╡рд┐рд╖рдпреЛрдВ рдХреЛ рдЖрдЧреЗ рдмрдврд╝рд╛рддреЗ рд╣реБрдП рдШрдЯрдХреЛрдВ, рд░рд╛рдЬреНрдп, рдкреНрд░реЙрдкреНрд╕ рдФрд░ рд╣реБрдХ рдЬреИрд╕реА рдореБрдЦреНрдп рдЕрд╡рдзрд╛рд░рдгрд╛рдУрдВ рдХреЛ рдХрд╡рд░ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдЪрд░рдг-рджрд░-рдЪрд░рдг рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред ReactPro рдХрд╛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛-рдЕрдиреБрдХреВрд▓ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдФрд░ рд╕рдВрд░рдЪрд┐рдд рдкрд╛рдареНрдпрдХреНрд░рдо рдЗрд╕реЗ рдЪрд▓рддреЗ-рдлрд┐рд░рддреЗ React.js рдореЗрдВ рдорд╣рд╛рд░рдд рд╣рд╛рд╕рд┐рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЖрджрд░реНрд╢ рд╕рдВрд╕рд╛рдзрди рдмрдирд╛рддреЗ рд╣реИрдВред
рдЗрд╕ React.js рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓ рдХреЗ рд╡рд┐рд╖рдпреЛрдВ рдХреА рд╕реВрдЪреА рдпрд╣рд╛рдВ рджреА рдЧрдИ рд╣реИ:
1. рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХрд╛ рдкрд░рд┐рдЪрдп
- рд░рд┐рдПрдХреНрдЯ рдХреНрдпрд╛ рд╣реИ?
- рд░рд┐рдПрдХреНрдЯ рдХреА рдореБрдЦреНрдп рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдВ (рдШрдЯрдХ, рдЬреЗрдПрд╕рдПрдХреНрд╕, рд╡рд░реНрдЪреБрдЕрд▓ рдбреЛрдо)
- рд░рд┐рдПрдХреНрдЯ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░рдирд╛ (рд░рд┐рдПрдХреНрдЯ рдРрдк рдмрдирд╛рдПрдВ)
2. рдЬреЗрдПрд╕рдПрдХреНрд╕: рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдПрдХреНрд╕рдПрдордПрд▓
- JSX рд╕рд┐рдВрдЯреИрдХреНрд╕ рдФрд░ рдЙрдкрдпреЛрдЧ
- JSX рдореЗрдВ рднрд╛рд╡ рдПрдореНрдмреЗрдб рдХрд░рдирд╛
- рдЬреЗрдПрд╕рдПрдХреНрд╕ рдХрд╛ рдкреНрд░рддрд┐рдкрд╛рджрди
3. рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдореЗрдВ рдШрдЯрдХ
- рдХрд╛рд░реНрдпрд╛рддреНрдордХ рдмрдирд╛рдо рд╡рд░реНрдЧ рдШрдЯрдХ
- рдШрдЯрдХреЛрдВ рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдФрд░ рдкреНрд░рддрд┐рдкрд╛рджрди
- рдШрдЯрдХ рд╕рдВрд░рдЪрдирд╛ рдФрд░ рдкреБрди: рдкреНрд░рдпреЛрдЬреНрдпрддрд╛
4. рд╕рд╣рд╛рд░рд╛
- рдкреНрд░реЙрдкреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдШрдЯрдХреЛрдВ рдХреЛ рдбреЗрдЯрд╛ рдкрд╛рд╕ рдХрд░рдирд╛
- рдкреНрд░реЛрдк рд╕рддреНрдпрд╛рдкрди
- рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдкреНрд░реЙрдкреНрд╕
5. рд░рд╛рдЬреНрдп рдФрд░ рдЬреАрд╡рдирдЪрдХреНрд░
- `useState` рдХреЗ рд╕рд╛рде рдШрдЯрдХ рд╕реНрдерд┐рддрд┐ рдХрд╛ рдкреНрд░рдмрдВрдзрди
- рдЕрджреНрдпрддрди рд╕реНрдерд┐рддрд┐
- рдЬреАрд╡рдирдЪрдХреНрд░ рд╡рд┐рдзрд┐рдпреЛрдВ рдХреЛ рд╕рдордЭрдирд╛ (рд╡рд░реНрдЧ рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП) рдФрд░ рд╣реБрдХ (рдЬреИрд╕реЗ `useEffect`)
6. рдШрдЯрдирд╛рдУрдВ рдХреЛ рд╕рдВрднрд╛рд▓рдирд╛
- рдЗрд╡реЗрдВрдЯ рд╢реНрд░реЛрддрд╛рдУрдВ рдХреЛ рдЬреЛрдбрд╝рдирд╛
- рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЗрдирдкреБрдЯ рдФрд░ рдШрдЯрдирд╛рдУрдВ рдХреЛ рд╕рдВрднрд╛рд▓рдирд╛
- рдмрд╛рдЗрдВрдбрд┐рдВрдЧ рдЗрд╡реЗрдВрдЯ рд╣реИрдВрдбрд▓рд░
7. рд╕рд╢рд░реНрдд рдкреНрд░рддрд┐рдкрд╛рджрди
- рддрддреНрд╡реЛрдВ рдХреЛ рд╕рд╢рд░реНрдд рд░реВрдк рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдирд╛
- JSX рдореЗрдВ if/else рд╕реНрдЯреЗрдЯрдореЗрдВрдЯ рдФрд░ рдЯрд░реНрдирд░реА рдСрдкрд░реЗрдЯрд░реНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛
8. рд╕реВрдЪрд┐рдпрд╛рдБ рдФрд░ рдХреБрдВрдЬрд┐рдпрд╛рдБ
- рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдореЗрдВ рдкреНрд░рддрд┐рдкрд╛рджрди рд╕реВрдЪрд┐рдпрд╛рдБ
- рдЧрддрд┐рд╢реАрд▓ рд╕рд╛рдордЧреНрд░реА рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП `рдореИрдк()` рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛
- рд░рд┐рдПрдХреНрдЯ рд╕реВрдЪрд┐рдпреЛрдВ рдореЗрдВ рдХреБрдВрдЬрд┐рдпреЛрдВ рдХрд╛ рдорд╣рддреНрд╡
9. рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдореЗрдВ рдкреНрд░рдкрддреНрд░
- рдирд┐рдпрдВрддреНрд░рд┐рдд рдмрдирд╛рдо рдЕрдирд┐рдпрдВрддреНрд░рд┐рдд рдШрдЯрдХ
- рдлреЙрд░реНрдо рдЗрдирдкреБрдЯ рдХреЛ рд╕рдВрднрд╛рд▓рдирд╛
- рдлреЙрд░реНрдо рдЬрдорд╛ рдХрд░рдирд╛ рдФрд░ рд╕рддреНрдпрд╛рдкрди
10. рд░рд╛рдЬреНрдп рдХреЛ рдКрдкрд░ рдЙрдард╛рдирд╛
- рдШрдЯрдХреЛрдВ рдХреЗ рдмреАрдЪ рд╕реНрдерд┐рддрд┐ рд╕рд╛рдЭрд╛ рдХрд░рдирд╛
- рд░рд╛рдЬреНрдп рдХреЛ рдПрдХ рд╕рд╛рдорд╛рдиреНрдп рдкреВрд░реНрд╡рдЬ рддрдХ рдЙрдард╛рдирд╛
11. рд░рд┐рдПрдХреНрдЯ рд░рд╛рдЙрдЯрд░
- рдиреЗрд╡рд┐рдЧреЗрд╢рди рдХреЗ рд▓рд┐рдП рд░рд┐рдПрдХреНрдЯ рд░рд╛рдЙрдЯрд░ рдХреА рд╕реНрдерд╛рдкрдирд╛
- рдорд╛рд░реНрдЧреЛрдВ рдФрд░ рд▓рд┐рдВрдХ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдирд╛
- рдиреЗрд╕реНрдЯреЗрдб рдорд╛рд░реНрдЧ рдФрд░ рдорд╛рд░реНрдЧ рдкреИрд░рд╛рдореАрдЯрд░
12. рд╣реБрдХ рдЕрд╡рд▓реЛрдХрди
- рд░рд┐рдПрдХреНрдЯ рд╣реБрдХ рдХрд╛ рдкрд░рд┐рдЪрдп
- рд╕рд╛рдорд╛рдиреНрдп рд╣реБрдХ: `useState`, `useEffect`, `useContext`
- рдХрд╕реНрдЯрдо рд╣реБрдХ (рд╡реИрдХрд▓реНрдкрд┐рдХ)
13. рд░рд┐рдПрдХреНрдЯ рдореЗрдВ рд╕реНрдЯрд╛рдЗрд▓рд┐рдВрдЧ
- рдЗрдирд▓рд╛рдЗрди рд╕реНрдЯрд╛рдЗрд▓рд┐рдВрдЧ
- рд╕реАрдПрд╕рдПрд╕ рд╕реНрдЯрд╛рдЗрд▓рд╢реАрдЯ рдФрд░ рдореЙрдбреНрдпреВрд▓
- рд╕реАрдПрд╕рдПрд╕-рдЗрди-рдЬреЗрдПрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реАрдЬрд╝ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХ)
14. рдмреБрдирд┐рдпрд╛рджреА рдбрд┐рдмрдЧрд┐рдВрдЧ рдФрд░ рдбреЗрд╡рд▓рдкрд░ рдЙрдкрдХрд░рдг
- рд░рд┐рдПрдХреНрдЯ рдбреЗрд╡рд▓рдкрд░ рдЯреВрд▓реНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛
- рд╕рд╛рдорд╛рдиреНрдп рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХреЛ рдбреАрдмрдЧ рдХрд░рдирд╛
15. рдПрдХ рд░рд┐рдПрдХреНрдЯ рдРрдк рдкрд░рд┐рдирд┐рдпреЛрдЬрд┐рдд рдХрд░рдирд╛
- рдЙрддреНрдкрд╛рджрди рдХреЗ рд▓рд┐рдП рдРрдк рдмрдирд╛рдирд╛
- рдкрд░рд┐рдирд┐рдпреЛрдЬрди рд╡рд┐рдХрд▓реНрдк (рдиреЗрдЯрд▓рд┐рдлрд╛рдИ, рд╡рд░реНрд╕реЗрд▓, рдЧрд┐рдЯрд╣рдм рдкреЗрдЬ)
рдпрд╣ рдореВрд▓рднреВрдд рдЕрд╡рдзрд╛рд░рдгрд╛рдУрдВ рдХреЛ рдХрд╡рд░ рдХрд░реЗрдЧрд╛ рдФрд░ рдХрд┐рд╕реА рдХреЛ рд░рд┐рдПрдХреНрдЯ рдХреЗ рд╕рд╛рде рд╢реБрд░реБрдЖрдд рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХрд░реЗрдЧрд╛!
рдЙрдиреНрдирдд рд╡рд┐рд╖рдп:
16. рд╕рдВрджрд░реНрдн рдПрдкреАрдЖрдИ рдФрд░ рд░рд╛рдЬреНрдп рдкреНрд░рдмрдВрдзрди
- рд░рд┐рдПрдХреНрдЯ рдХреЙрдиреНрдЯреЗрдХреНрд╕реНрдЯ рдПрдкреАрдЖрдИ рдХреЛ рд╕рдордЭрдирд╛
- рдкреНрд░реЛрдк рдбреНрд░рд┐рд▓рд┐рдВрдЧ рд╕реЗ рдмрдЪрдиреЗ рдХреЗ рд▓рд┐рдП рдХреЙрдиреНрдЯреЗрдХреНрд╕реНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛
- рд╕рдВрджрд░реНрдн рдмрдирд╛рдо рд░рд╛рдЬреНрдп рдкреНрд░рдмрдВрдзрди рдкреБрд╕реНрддрдХрд╛рд▓рдп (Redux, MobX)
- рд░рд╛рдЬреНрдп рдкреНрд░рдмрдВрдзрди рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрдм рдФрд░ рдХреНрдпреЛрдВ рдХрд░реЗрдВ
17. рдЙрдиреНрдирдд рд╣реБрдХ
- рдЬрдЯрд┐рд▓ рд╕реНрдерд┐рддрд┐ рдкреНрд░рдмрдВрдзрди рдХреЗ рд▓рд┐рдП `useReducer` рдкрд░ рд╡рд┐рд╕реНрддреГрдд рдирдЬрд╝рд░ рдбрд╛рд▓реЗрдВ
- рдкреНрд░рджрд░реНрд╢рди рдЕрдиреБрдХреВрд▓рди рдХреЗ рд▓рд┐рдП `useMemo` рдФрд░ `useCallback` рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛
- DOM рд╣реЗрд░рдлреЗрд░ рдФрд░ рджреГрдврд╝рддрд╛ рдХреЗ рд▓рд┐рдП `useRef` рдХреЛ рд╕рдордЭрдирд╛ рдФрд░ рдЙрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛
- рдкреБрди: рдкреНрд░рдпреЛрдЬреНрдп рддрд░реНрдХ рдХреЛ рд╕рдорд╛рд╣рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╕реНрдЯрдо рд╣реБрдХ рдмрдирд╛рдирд╛
18. рдЙрдЪреНрдЪ-рдХреНрд░рдо рдШрдЯрдХ (HOC)
- рдЙрдЪреНрдЪ-рдХреНрд░рдо рдХреЗ рдШрдЯрдХреЛрдВ рдХреЛ рд╕рдордЭрдирд╛
- рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдмрдврд╝рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдЪрдУрд╕реА рдмрдирд╛рдирд╛
- рдорд╛рдорд▓реЛрдВ рдФрд░ рд╕рд░реНрд╡реЛрддреНрддрдо рдкреНрд░рдерд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ
- рд░реЗрдВрдбрд░ рдкреНрд░реЙрдкреНрд╕ рдХреЗ рд╕рд╛рде рддреБрд▓рдирд╛
19. рдкреНрд░реЙрдкреНрд╕ рдкреИрдЯрд░реНрди рдкреНрд░рд╕реНрддреБрдд рдХрд░реЗрдВ
- рд░реЗрдВрдбрд░ рдкреНрд░реЙрдкреНрд╕ рдХреНрдпрд╛ рд╣реИрдВ?
- рд░реЗрдВрдбрд░ рдкреНрд░реЙрдкреНрд╕ рдХреЗ рд╕рд╛рде рдШрдЯрдХреЛрдВ рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдФрд░ рдЙрдкрдпреЛрдЧ
- рд░реЗрдВрдбрд░ рдкреНрд░реЙрдкреНрд╕ рдмрдирд╛рдо рдПрдЪрдУрд╕реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрдм рдХрд░реЗрдВ
20. рддреНрд░реБрдЯрд┐ рд╕реАрдорд╛рдПрдБ
- рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдореЗрдВ рддреНрд░реБрдЯрд┐ рд╕реАрдорд╛рдУрдВ рдХреЛ рд╕рдордЭрдирд╛
- `componentDidCatch` рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рддреНрд░реБрдЯрд┐ рд╕реАрдорд╛рдПрдБ рд▓рд╛рдЧреВ рдХрд░рдирд╛
- рд░рд┐рдПрдХреНрдЯ рдореЗрдВ рд╕рд░реНрд╡реЛрддреНрддрдо рдкреНрд░рдерд╛рдУрдВ рдХреЛ рд╕рдВрднрд╛рд▓рдиреЗ рдореЗрдВ рддреНрд░реБрдЯрд┐
рдкрд┐рдЫрд▓реА рдмрд╛рд░ рдЕрдкрдбреЗрдЯ рд╣реЛрдиреЗ рдХреА рддрд╛рд░реАрдЦ
26 рдЕрдХреНрдЯреВре░ 2024