𝗦𝘁𝗼𝗽 𝗕𝗹𝗼𝗰𝗸𝗶𝗻𝗴 𝗧𝗵𝗲 𝗨𝗜: 𝗜𝗻𝘁𝗲𝗿𝗿𝘂𝗽𝘁𝗶𝗯𝗹𝗲 𝗥𝗲𝗻𝗱𝗲𝗿𝗶𝗻𝗴 𝗜𝗻 𝗥𝗲𝗮𝗰𝘁
React ರೆಂಡರ್ಗಳು ನಿಮ್ಮ user interface ಅನ್ನು ಫ್ರೀಜ್ ಮಾಡಬಹುದು.
ಭಾರೀ ಕಂಪ್ಯೂಟೇಶನ್ಗಳು main thread ಅನ್ನು ತಡೆಯುತ್ತವೆ. ನಿಮ್ಮ ಬಳಕೆದಾರರು ಫ್ರೀಜ್ ಆದ ಸ್ಕ್ರೀನ್ ಅನ್ನು ನೋಡುತ್ತಾರೆ. ಇದು ಅನುಭವವನ್ನು ಹಾಳುಮಾಡುತ್ತದೆ.
Interruptible rendering ಇದನ್ನು ಪರಿಹರಿಸುತ್ತದೆ. ಇದು ಬಳಕೆದಾರರ ಇನ್ಪುಟ್ ಅನ್ನು ನಿರ್ವಹಿಸಲು ಕೆಲಸವನ್ನು ತಾತ್ಕಾಲಿಕವಾಗಿ ನಿಲ್ಲಿಸಲು React ಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ:
- React ಕೆಲಸವನ್ನು ಸಣ್ಣ ಭಾಗಗಳಾಗಿ ವಿಂಗಡಿಸುತ್ತದೆ.
- ಇದು ಕ್ಲಿಕ್ಗಳು ಅಥವಾ ಟೈಪಿಂಗ್ನಂತಹ ಹೆಚ್ಚಿನ ಆದ್ಯತೆಯ ಕಾರ್ಯಗಳನ್ನು ಪರಿಶೀಲಿಸುತ್ತದೆ.
- ಬಳಕೆದಾರರು ಪ್ರತಿಕ್ರಿಯಿಸಿದರೆ, React background task ಅನ್ನು ನಿಲ್ಲಿಸುತ್ತದೆ.
- React ಮೊದಲು ಇನ್ಪುಟ್ ಅನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ.
- React ನಂತರ background task ಅನ್ನು ಪುನರಾರಂಭಿಸುತ್ತದೆ.
ಇದನ್ನು ನಿರ್ವಹಿಸಲು ನೀವು transitions ಬಳಸುತ್ತೀರಿ. ತುರ್ತು ಅಗತ್ಯವಿಲ್ಲದ ಅಪ್ಡೇಟ್ಗಳನ್ನು ಗುರುತಿಸಲು useTransition ಬಳಸಿ. ಇದು UI ಅನ್ನು responsive ಆಗಿಡಲು React ಗೆ ತಿಳಿಸುತ್ತದೆ.
ಭಾರೀ ಡೇಟಾ ಪ್ರೊಸೆಸಿಂಗ್ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ನ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಹಾಳುಮಾಡಲು ಬಿಡಬೇಡಿ.
Source: https://dev.to/iprajapatiparesh/stop-blocking-the-ui-interruptible-rendering-in-react-32mb