𝗥𝗲𝗮𝗰𝘁 𝗦𝘁𝗮𝘁𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁: ಯಾವುದನ್ನು ಯಾವಾಗ ಬಳಸಬೇಕು
ನೀವು ಹೊಸ React ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತೀರಿ. ಅದು ತುಂಬಾ ಸರಳವಾಗಿ ಕಾಣಿಸುತ್ತದೆ. ನಂತರ ನೀವು ಐದು ಹಂತಗಳ ಮೂಲಕ ಡೇಟಾವನ್ನು ವರ್ಗಾಯಿಸುತ್ತೀರಿ. ಇದನ್ನೇ prop-drilling ಎನ್ನುತ್ತಾರೆ. ಆಗ ನೀವು ಸಿಲುಕಿಕೊಂಡಂತೆ ಅನುಭವಿಸುತ್ತೀರಿ.
ಸರಿಯಾದ ಸಾಧನವನ್ನು ಆರಿಸಿ.
useState: ನಿಮ್ಮ ಜೇಬಿನಂತೆ ಇದನ್ನು ಸ್ಥಳೀಯ (local) ಡೇಟಾಕ್ಕಾಗಿ ಬಳಸಿ. ಸಣ್ಣ ವಿಷಯಗಳನ್ನು ಇಲ್ಲಿ ಇರಿಸಿ.
- ಡ್ರಾಪ್ಡೌನ್ ಸ್ಥಿತಿ (Dropdown status)
- ಇನ್ಪುಟ್ ಫೀಲ್ಡ್ಗಳು (Input fields) ಇದನ್ನು ಸ್ಥಳೀಯವಾಗಿಯೇ ಇರಿಸಿ.
Context API: ಕುಟುಂಬದ ಫ್ರಿಡ್ಜ್ನಂತೆ ಎಲ್ಲರೂ ಕೇಳದೆ ಡೇಟಾವನ್ನು ಪಡೆಯುತ್ತಾರೆ. ಇದನ್ನು ಗ್ಲೋಬಲ್ (global) ಡೇಟಾಕ್ಕಾಗಿ ಬಳಸಿ.
- ಬಳಕೆದಾರರ ಲಾಗಿನ್ ಸ್ಥಿತಿ (User login status)
- ಥೀಮ್ ಸೆಟ್ಟಿಂಗ್ಗಳು (Theme settings)
- ಭಾಷೆಯ ಆದ್ಯತೆಗಳು (Language preferences) ಅಪರೂಪವಾಗಿ ಬದಲಾಗುವ ಡೇಟಾಕ್ಕಾಗಿ ಇದನ್ನು ಬಳಸಿ.
Zustand: ಸ್ಟೋರೇಜ್ ಯೂನಿಟ್ನಂತೆ ಈ ಸಾಧನವು ವ್ಯವಸ್ಥಿತವಾಗಿದೆ. ಹೆಚ್ಚಿನ ಪ್ರಮಾಣದ (heavy) ಡೇಟಾಕ್ಕಾಗಿ ಇದನ್ನು ಬಳಸಿ.
- ಶಾಪಿಂಗ್ ಕಾರ್ಟ್ಗಳು (Shopping carts)
- ಸಂಕೀರ್ಣ ಡ್ಯಾಶ್ಬೋರ್ಡ್ಗಳು (Complex dashboards) ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅಸ್ತವ್ಯಸ್ತವಾಗಿ ಕಾಣಿಸಿದಾಗ ಇದನ್ನು ಬಳಸಿ.
ಯೋಜನೆ:
- useState ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಿ.
- prop-drilling ತೊಂದರೆ ನೀಡಿದಾಗ Context ಗೆ ಬದಲಾಗಿ.
- ಕಾರ್ಯಕ್ಷಮತೆ (performance) ಕುಸಿದಾಗ Zustand ಗೆ ಬದಲಾಗಿ.
ಸರಳವಾಗಿಡಿ. ಹ್ಯಾಪಿ ಕೋಡಿಂಗ್.
Source: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1