Redux ಎಂದರೇನು: ಈ ಲೈಬ್ರರಿಯ ಬಗ್ಗೆ ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಎಲ್ಲವೂ

ನಿಮಗೆ ಇನ್ನೂ ತಿಳಿದಿಲ್ಲದಿದ್ದರೆ Redux ಎಂದರೇನು, ಈ ಲೇಖನದಲ್ಲಿ ನಾವು ಈ ಗ್ರಂಥಾಲಯದ ಬಗ್ಗೆ ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಎಲ್ಲವನ್ನೂ ವಿವರಿಸುವತ್ತ ಗಮನ ಹರಿಸಲಿದ್ದೇವೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಹಾಗೆಯೇ ಅದರ ಉಪಯೋಗಗಳು, ಅದನ್ನು ಹೇಗೆ ಬಳಸಬಹುದು ಇತ್ಯಾದಿ. ಈ ರೀತಿಯಾಗಿ, ನಿಮ್ಮ ಮುಂದಿನ JS ಯೋಜನೆಗಳಿಗೆ ಅದನ್ನು ಸಂಯೋಜಿಸಲು ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ಸಾಧನಗಳನ್ನು ನೀವು ಹೊಂದಿರುತ್ತೀರಿ.

Redux ಹೇಗಿದೆ ಎಂದು ನೋಡೋಣ!

JavaScript ಎಂದರೇನು?

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ (JS), ಒಂದು ವ್ಯಾಖ್ಯಾನಿಸಲಾದ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯಾಗಿದೆ. ಇದನ್ನು ECMAScript ಮಾನದಂಡದ ಉಪಭಾಷೆ ಎಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ವಸ್ತು-ಆಧಾರಿತ, ಮೂಲಮಾದರಿ-ಆಧಾರಿತ, ಕಡ್ಡಾಯ, ದುರ್ಬಲವಾಗಿ ಟೈಪ್ ಮಾಡಲಾದ ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕತೆಯಿಂದ ನಿರೂಪಿಸಲ್ಪಟ್ಟಿದೆ. ಅದರ ಹೆಸರಿನ ಹೊರತಾಗಿಯೂ, ಇದನ್ನು ಜಾವಾದೊಂದಿಗೆ ಗೊಂದಲಗೊಳಿಸಬಾರದು. ನೆಟ್‌ಸ್ಕೇಪ್ ನ್ಯಾವಿಗೇಟರ್ (ಲೈವ್‌ಸ್ಕ್ರಿಪ್ಟ್‌ನ ಸೃಷ್ಟಿಕರ್ತ) ಮತ್ತು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯ ಹೆಸರು ಬದಲಾವಣೆಯಿಂದ ಸನ್ ಮೈಕ್ರೋಸಿಸ್ಟಮ್ಸ್ (ಜಾವಾದ ಸೃಷ್ಟಿಕರ್ತ) ಸ್ವಾಧೀನಪಡಿಸಿಕೊಂಡ ನಂತರ ಇದರ ರಚನೆಯು ವಾಣಿಜ್ಯ ಪರಿಗಣನೆಗಳನ್ನು ಆಧರಿಸಿದೆ.

ಮುಖ್ಯವಾಗಿ ಕ್ಲೈಂಟ್ ಬದಿಯಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ, ವೆಬ್ ಬ್ರೌಸರ್‌ಗಳ ಅವಿಭಾಜ್ಯ ಅಂಗವಾಗಿದೆ. ಇದು ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಸುಧಾರಿಸಲು ಮತ್ತು ಡೈನಾಮಿಕ್ ವೆಬ್ ಪುಟಗಳನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸರ್ವರ್ ಬದಿಯಲ್ಲಿ ಬಳಸಬಹುದು, ಇದನ್ನು ಸರ್ವರ್-ಸೈಡ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ ಎಸ್ಎಸ್ಜೆಎಸ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ಇದರ ಅನ್ವಯವು ವೆಬ್‌ನ ಆಚೆಗೂ ವಿಸ್ತರಿಸುತ್ತದೆ, PDF ಡಾಕ್ಯುಮೆಂಟ್‌ಗಳು ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು, ಮುಖ್ಯವಾಗಿ ವಿಜೆಟ್‌ಗಳು ಇತ್ಯಾದಿಗಳಲ್ಲಿ ಬಳಕೆಯನ್ನು ಕಂಡುಕೊಳ್ಳುತ್ತದೆ.

La ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸಿಂಟ್ಯಾಕ್ಸ್ ಸಿ ++ ಮತ್ತು ಜಾವಾದಂತಹ ಭಾಷೆಗಳನ್ನು ಹೋಲುತ್ತದೆ, ಇದು ಜಾವಾದಿಂದ ಹೆಸರುಗಳು ಮತ್ತು ಸಂಪ್ರದಾಯಗಳನ್ನು ಅಳವಡಿಸಿಕೊಂಡರೂ, ಅದರ ಹೆಸರು. ಆದರೆ, ನಾನು ಮೊದಲೇ ಹೇಳಿದಂತೆ, ಅವುಗಳ ಒಂದೇ ಹೆಸರಿನ ಹೊರತಾಗಿಯೂ, ಜಾವಾ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಿಭಿನ್ನ ಶಬ್ದಾರ್ಥಗಳು ಮತ್ತು ಉದ್ದೇಶಗಳನ್ನು ಹೊಂದಿವೆ ಎಂಬುದನ್ನು ಗಮನಿಸುವುದು ಮುಖ್ಯವಾಗಿದೆ.

ಮತ್ತೊಂದೆಡೆ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್ (DOM) ನ ಅನುಷ್ಠಾನವನ್ನು ಬಳಸುತ್ತದೆ ಮತ್ತು ಅದು ಬ್ರೌಸರ್‌ಗಳು ಸ್ಥಳೀಯವಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಏಕೈಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ JS ಆಗಿದೆ. ಆರಂಭದಲ್ಲಿ, ಸರ್ವರ್‌ಗೆ ಪ್ರವೇಶವಿಲ್ಲದೆ ಕ್ಲೈಂಟ್‌ನಲ್ಲಿ ಕಾರ್ಯಾಚರಣೆಗಳಿಗಾಗಿ ಇದನ್ನು HTML ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಬಳಸಲಾಗುತ್ತಿತ್ತು. ಆದಾಗ್ಯೂ, ಇಂದು ಇದನ್ನು ಸರ್ವರ್‌ನಿಂದ ಮಾಹಿತಿಯನ್ನು ಕಳುಹಿಸಲು ಮತ್ತು ಸ್ವೀಕರಿಸಲು ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ, ಆಗಾಗ್ಗೆ AJAX ನಂತಹ ತಂತ್ರಜ್ಞಾನಗಳ ಸಂಯೋಜನೆಯಲ್ಲಿ. HTML ಕೋಡ್‌ನೊಂದಿಗೆ ಹೇಳಿಕೆಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡುವಾಗ JavaScript ಅನ್ನು ಬಳಕೆದಾರ ಏಜೆಂಟ್‌ನಲ್ಲಿ ಅರ್ಥೈಸಲಾಗುತ್ತದೆ.

JS ಅಪ್ಲಿಕೇಶನ್‌ಗಳು

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಂದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯಾಗಿದ್ದು, ವಿವಿಧ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಮತ್ತು ಸನ್ನಿವೇಶಗಳಲ್ಲಿ ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ:

• ವೆಬ್ ಅಭಿವೃದ್ಧಿ: ವೆಬ್ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಇದು ಅತ್ಯಗತ್ಯ. ವೆಬ್‌ಸೈಟ್‌ಗಳು ಮತ್ತು ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಸಂವಾದಾತ್ಮಕತೆ ಮತ್ತು ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಸಂವಾದಾತ್ಮಕ ರೂಪಗಳು, ದೃಶ್ಯ ಪರಿಣಾಮಗಳು, ನೈಜ-ಸಮಯದ ಡೇಟಾ ಮೌಲ್ಯೀಕರಣಗಳು ಮತ್ತು ಡೈನಾಮಿಕ್ ನ್ಯಾವಿಗೇಷನ್, ಇತರವುಗಳ ರಚನೆಯಲ್ಲಿ ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಇಲ್ಲಿ ಪ್ರಸ್ತುತಪಡಿಸಿ:
  • ವೆಬ್ ಫ್ರಂಟ್ ಎಂಡ್: ಇದು ಮುಂಭಾಗದ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಾಧಾರವಾಗಿದೆ. ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳು ಮತ್ತು ಲೈಬ್ರರಿಗಳು ರಿಯಾಕ್ಟ್, ಕೋನೀಯ ಮತ್ತು Vue.js ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಸಂವಾದಾತ್ಮಕ ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕ ಬಳಕೆದಾರ ಇಂಟರ್‌ಫೇಸ್‌ಗಳನ್ನು ರಚಿಸಲು JavaScript ಅನ್ನು ಅವಲಂಬಿಸಿವೆ.
  • ವೆಬ್ ಬ್ಯಾಕೆಂಡ್: Node.js ನಂತಹ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳ ಮೂಲಕ, ಸಂಪೂರ್ಣ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಸರ್ವರ್ ಬದಿಯಲ್ಲಿ JavaScript ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಡೆವಲಪರ್‌ಗೆ ಅಪ್ಲಿಕೇಶನ್‌ನ ಮುಂಭಾಗ ಮತ್ತು ಹಿಂಭಾಗದ ಎರಡೂ ಭಾಗಗಳಲ್ಲಿ JavaScript ಅನ್ನು ಬಳಸಲು ಅನುಮತಿಸುತ್ತದೆ, ಡೇಟಾವನ್ನು ಸಿಂಕ್ರೊನೈಸ್ ಮಾಡಲು ಮತ್ತು ನೈಜ ಸಮಯದಲ್ಲಿ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಸುಲಭವಾಗುತ್ತದೆ.
  • ಸರ್ವರ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು: ಇತರ ಸರ್ವರ್-ಸೈಡ್ ಭಾಷೆಗಳಂತೆ ಸಾಮಾನ್ಯವಲ್ಲದಿದ್ದರೂ, Node.js ಮೂಲಕ ಸರ್ವರ್ ಅಪ್ಲಿಕೇಶನ್ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ JavaScript ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ಏಕಕಾಲಿಕ ವಿನಂತಿಗಳನ್ನು ನಿರ್ವಹಿಸುವ ನೈಜ-ಸಮಯದ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಮತ್ತು ಅಪ್ಲಿಕೇಶನ್‌ಗಳಿಗೆ ಇದು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತವಾಗಿದೆ.
• ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು: ರಿಯಾಕ್ಟ್ ನೇಟಿವ್ ಮತ್ತು ಅಯಾನಿಕ್ ನಂತಹ ಚೌಕಟ್ಟುಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಹೈಬ್ರಿಡ್ ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಈ ಚೌಕಟ್ಟುಗಳು ಡೆವಲಪರ್‌ಗಳಿಗೆ ಒಮ್ಮೆ ಬರೆಯಲು ಮತ್ತು iOS ಮತ್ತು Android ನಂತಹ ಬಹು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಲ್ಲಿ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರನ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ.
• ಆನ್ಲೈನ್ ಆಟಗಳು: ಇದನ್ನು ಆನ್‌ಲೈನ್ ಆಟಗಳು ಮತ್ತು ಬ್ರೌಸರ್ ಆಟಗಳ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ. Phaser ಮತ್ತು Three.js ನಂತಹ ಲೈಬ್ರರಿಗಳು ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸಂವಾದಾತ್ಮಕ 2D ಮತ್ತು 3D ಆಟಗಳನ್ನು ರಚಿಸಲು ಸುಲಭಗೊಳಿಸುತ್ತದೆ.
• ಡೆಸ್ಕ್‌ಟಾಪ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು: ಎಲೆಕ್ಟ್ರಾನ್‌ನಂತಹ ಪರಿಕರಗಳ ಮೂಲಕ, HTML, CSS ಮತ್ತು JavaScript ನಂತಹ ವೆಬ್ ತಂತ್ರಜ್ಞಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಕ್ರಾಸ್-ಪ್ಲಾಟ್‌ಫಾರ್ಮ್ ಡೆಸ್ಕ್‌ಟಾಪ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಸಾಧ್ಯವಿದೆ.
• ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು: ವೆಬ್ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಹೆಚ್ಚುವರಿ ಕಾರ್ಯವನ್ನು ಸೇರಿಸಲು, ವಿಸ್ತರಣೆಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಈ ವಿಸ್ತರಣೆಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ JavaScript ನಲ್ಲಿ ಬರೆಯಲಾಗುತ್ತದೆ.
• ಇಂಟರ್ನೆಟ್ ಆಫ್ ಥಿಂಗ್ಸ್ (IoT) ಅಪ್ಲಿಕೇಶನ್‌ಗಳು: API ಗಳು ಮತ್ತು ವಿಶೇಷ ಗ್ರಂಥಾಲಯಗಳ ಮೂಲಕ ಹಾರ್ಡ್‌ವೇರ್ ಮತ್ತು ಸಂವೇದಕಗಳೊಂದಿಗೆ ಸಂವಹನ ಮಾಡುವ ಸಾಮರ್ಥ್ಯದಿಂದಾಗಿ IoT ಸಾಧನಗಳಿಗೆ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಮತ್ತು ಸಿಸ್ಟಮ್‌ಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸುವಲ್ಲಿ ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.

Redux ಎಂದರೇನು ಮತ್ತು ಅದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ?

Redux ಒಂದು ಮುಕ್ತ ಮೂಲ JavaScript ಲೈಬ್ರರಿಯಾಗಿದೆ ಇದು ಅನ್ವಯಗಳಲ್ಲಿ ರಾಜ್ಯವನ್ನು ನಿರ್ವಹಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ ಮತ್ತು ಎಲ್ಮ್ ಕ್ರಿಯಾತ್ಮಕ ಭಾಷೆಯಿಂದ ಪ್ರಭಾವಿತವಾಗಿರುತ್ತದೆ. ಬಳಕೆದಾರ ಇಂಟರ್‌ಫೇಸ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಇದನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ರಿಯಾಕ್ಟ್ ಅಥವಾ ಆಂಗ್ಯುಲರ್‌ನಂತಹ ಇತರ ಲೈಬ್ರರಿಗಳೊಂದಿಗೆ ಸಂಯೋಜಿಸಲಾಗುತ್ತದೆ. ಫ್ಲಕ್ಸ್ ಎಂಬ ಫೇಸ್‌ಬುಕ್ ಲೈಬ್ರರಿಯಿಂದ ಪ್ರೇರಿತರಾದ ಡಾನ್ ಅಬ್ರಮೊವ್ ಮತ್ತು ಆಂಡ್ರ್ಯೂ ಕ್ಲಾರ್ಕ್ ಇದನ್ನು ರೂಪಿಸಿದ್ದಾರೆ.

ಸಾಮಾನ್ಯವಾಗಿ ಹೇಳುವುದಾದರೆ, Redux ಒಂದು ಸಣ್ಣ ಗ್ರಂಥಾಲಯವಾಗಿದೆ a ಸರಳ ಮತ್ತು ಸೀಮಿತ API, ಅಪ್ಲಿಕೇಶನ್ ಸ್ಥಿತಿಗೆ ಊಹಿಸಬಹುದಾದ ಕಂಟೇನರ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಇದರ ಕಾರ್ಯಾಚರಣೆಯು ಕ್ರಿಯಾತ್ಮಕ ಪ್ರೋಗ್ರಾಮಿಂಗ್ನಲ್ಲಿ "ಕಡಿಮೆ" ಪರಿಕಲ್ಪನೆಯನ್ನು ಹೋಲುತ್ತದೆ.

Redux ನ ಇತಿಹಾಸವು ಹಿಂದಿನದು 2015, ಡಾನ್ ಅಬ್ರಮೊವ್ ರೆಡಕ್ಸ್‌ನ ಮೊದಲ ಆವೃತ್ತಿಯನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು ಪ್ರಾರಂಭಿಸಿದಾಗ ಹಾಟ್ ರಿಲೋಡಿಂಗ್ ಕುರಿತು ರಿಯಾಕ್ಟ್ ಯುರೋಪ್ ಸಮ್ಮೇಳನದಲ್ಲಿ ಭಾಷಣ ಮಾಡಲು ತಯಾರಿ ನಡೆಸುತ್ತಿರುವಾಗ. ಈ ಪ್ರಕ್ರಿಯೆಯಲ್ಲಿ, ಅಬ್ರಮೊವ್ ಫ್ಲಕ್ಸ್ ಮಾದರಿ ಮತ್ತು ರಿಡ್ಯೂಸರ್ ಕಾರ್ಯದ ನಡುವಿನ ಹೋಲಿಕೆಯನ್ನು ಗಮನಿಸಿದರು. ಈ ಅವಲೋಕನವು ಫ್ಲಕ್ಸ್ ಅಂಗಡಿಯು ನಿಜವಾಗಿಯೂ ಕಡಿಮೆಗೊಳಿಸುವ ಕಾರ್ಯವಾಗಬಹುದೇ ಎಂದು ಆಶ್ಚರ್ಯಪಡುವಂತೆ ಮಾಡಿತು.

ಈ ಕಲ್ಪನೆಯನ್ನು ಕೈಗೊಳ್ಳಲು, ಅಬ್ರಮೊವ್ ಆಂಡ್ರ್ಯೂ ಕ್ಲಾರ್ಕ್ ಅವರನ್ನು ಸಂಪರ್ಕಿಸಿದರು, ಅವರು ಫ್ಲಮ್ಮಾಕ್ಸ್ ಎಂಬ ಫ್ಲಕ್ಸ್ ಅನುಷ್ಠಾನದ ಲೇಖಕರಾಗಿದ್ದರು. ಒಟ್ಟಿಗೆ ಅವರು Redux ಅನ್ನು ಜೀವಕ್ಕೆ ತರಲು ಸಹಕರಿಸಿದರು ಮತ್ತು ಸುಸಂಬದ್ಧ API ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಿದರು. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಅವರು ಸಾಮರ್ಥ್ಯವನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಿದರು ಮಿಡಲ್‌ವೇರ್ ಮತ್ತು ಸ್ಟೋರ್ ವರ್ಧಕಗಳನ್ನು ಬಳಸಿಕೊಂಡು ವಿಸ್ತರಣೆ, ಇದು ಪ್ರಸ್ತುತ Redux ಪರಿಸರ ವ್ಯವಸ್ಥೆಗೆ ಗಮನಾರ್ಹವಾಗಿ ಕೊಡುಗೆ ನೀಡಿತು, ಅದರ ಸಾಧ್ಯತೆಗಳನ್ನು ಮತ್ತಷ್ಟು ವಿಸ್ತರಿಸುತ್ತದೆ.

ರಿಡಕ್ಸ್ ಮತ್ತು ರಿಯಾಕ್ಟ್ ಸಂಬಂಧ: ರಿಯಾಕ್ಟ್ ಎಂದರೇನು

ರಿಯಾಕ್ಟ್ ಒಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿ ಇದು ಬಳಕೆದಾರ ಇಂಟರ್‌ಫೇಸ್‌ಗಳನ್ನು ರಚಿಸುವುದರ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ, ಆದಾಗ್ಯೂ ಅದರ ಬಹುಮುಖತೆಯು ಆ ವ್ಯಾಖ್ಯಾನವನ್ನು ಮೀರಿದೆ. ಈ ಉಪಕರಣವನ್ನು ಆರಂಭದಲ್ಲಿ ಫೇಸ್‌ಬುಕ್ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದೆ ಮತ್ತು ಏಕ ಪುಟದ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು (SPA) ಮತ್ತು Android ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಮತ್ತು iOS ಸೇರಿದಂತೆ ವಿವಿಧ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಬಳಕೆದಾರ ಇಂಟರ್‌ಫೇಸ್‌ಗಳನ್ನು ತ್ವರಿತವಾಗಿ ರಚಿಸುವ ಸಾಮರ್ಥ್ಯದಿಂದಾಗಿ ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.

ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾದ ವಿಧಾನಗಳನ್ನು ನೀಡುವ ಕೋನೀಯದಂತಹ ಇತರ ಚೌಕಟ್ಟುಗಳಿಗಿಂತ ಭಿನ್ನವಾಗಿ, ರಿಯಾಕ್ಟ್ ಆಗಿದೆ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್‌ಗಳನ್ನು ಉತ್ಪಾದಿಸುವ ಸಾಮರ್ಥ್ಯಕ್ಕಾಗಿ ಎದ್ದು ಕಾಣುತ್ತದೆ ಸಮರ್ಥವಾಗಿ. .jsx ಫೈಲ್‌ಗಳ ಬಳಕೆಯ ಮೂಲಕ ಇದನ್ನು ಸಾಧಿಸಲಾಗುತ್ತದೆ, ಇದು ತರ್ಕ ಮತ್ತು ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಒಂದೇ ಫೈಲ್‌ನಲ್ಲಿ ಸಂಯೋಜಿಸುತ್ತದೆ ಮತ್ತು ಘಟಕಗಳು ಎಂದು ಕರೆಯಲ್ಪಡುವ ಘಟಕಗಳಾಗಿ ಸಂಘಟಿಸಲ್ಪಡುತ್ತದೆ.

ವರ್ಚುವಲ್ DOM: ಅದು ಏನು?

ನಾವು ReactJS ಪ್ರಪಂಚವನ್ನು ಪರಿಶೀಲಿಸಿದಾಗ, ನಾವು ಬಹುಶಃ ಪರಿಕಲ್ಪನೆಯ ಬಗ್ಗೆ ಆಗಾಗ್ಗೆ ಕೇಳುತ್ತೇವೆ ವರ್ಚುವಲ್ DOM. ಈ ಕಲ್ಪನೆಯು ಚತುರ ಕಲ್ಪನೆಯಿಂದ ಹುಟ್ಟಿಕೊಂಡಿದೆ: ಸಂಪೂರ್ಣ ನಿಜವಾದ DOM ಅನ್ನು ನವೀಕರಿಸುವ ಬದಲು, ನಿಜವಾಗಿಯೂ ಬದಲಾವಣೆಗಳ ಅಗತ್ಯವಿರುವ ಭಾಗವನ್ನು ಮಾತ್ರ ನಾವು ಮಾರ್ಪಡಿಸುತ್ತೇವೆ. ಹಳೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ, ನಾವು ಸರ್ವರ್‌ನಿಂದ JSON ಫಾರ್ಮ್ಯಾಟ್‌ನಲ್ಲಿ ಡೇಟಾವನ್ನು ಸ್ವೀಕರಿಸುತ್ತೇವೆ ಮತ್ತು ನಂತರ ರೆಂಡರ್ ಮಾಡಲು ಸಂಪೂರ್ಣ ಹೊಸ HTML ಅನ್ನು ರಚಿಸುತ್ತೇವೆ, ಇದರ ಪರಿಣಾಮವಾಗಿ ಪ್ರತಿ ಮಾರ್ಪಾಡಿನಲ್ಲಿ ಸಂಪೂರ್ಣ ಪುಟದ ರಿಫ್ರೆಶ್ ಆಗುತ್ತದೆ.

ನಿಮ್ಮ ಯೋಜನೆಯಲ್ಲಿ Redux ಅನ್ನು ಹೇಗೆ ಸ್ಥಾಪಿಸುವುದು ಮತ್ತು ಕಾನ್ಫಿಗರ್ ಮಾಡುವುದು

ನೀವು ತಿಳಿದುಕೊಳ್ಳಲು ಬಯಸಿದರೆ Redux ಅನ್ನು ಹೇಗೆ ಸ್ಥಾಪಿಸುವುದುಸತ್ಯವೆಂದರೆ ಅದು ಸಂಕೀರ್ಣವಾಗಿಲ್ಲ. ಇದನ್ನು ಮಾಡಲು ನೀವು ಟರ್ಮಿನಲ್‌ಗೆ ಹೋಗಬೇಕು ಮತ್ತು ಅಲ್ಲಿಂದ ನೀವು ಈ ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಬೇಕು:

npm i -S redux

ಈಗ ನೀವು ನಿಮ್ಮ ಸಿಸ್ಟಂನಲ್ಲಿ Redux ನ ಸ್ಥಿರ ಆವೃತ್ತಿಯನ್ನು ಸ್ಥಾಪಿಸಿರುವಿರಿ. ಸಹಜವಾಗಿ, ನೀವು ಬಹುಶಃ ಕೆಲವು ಅವಲಂಬನೆಗಳನ್ನು ಪರಿಹರಿಸಬೇಕಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ npm, Node.js ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲಾಗಿದೆ. ಒಮ್ಮೆ ಇದನ್ನು ಮಾಡಿದ ನಂತರ, ನಾವು ಈಗ ರಿಯಾಕ್ಟ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲಿದ್ದೇವೆ, ಅದನ್ನು ನೀವು Redux ನ ಲಾಭವನ್ನು ಪಡೆದುಕೊಳ್ಳಬೇಕಾಗುತ್ತದೆ, ಜೊತೆಗೆ ನಿಮ್ಮ ಯೋಜನೆಗಳನ್ನು ರಚಿಸಲು ಪ್ರಾರಂಭಿಸಲು ಸಾಧ್ಯವಾಗುವ ಅಭಿವೃದ್ಧಿ ಸಾಧನಗಳು.

ಈ ಇತರ ಪ್ಯಾಕೇಜುಗಳನ್ನು ಸ್ಥಾಪಿಸಲು, ನೀವು ಕಾರ್ಯಗತಗೊಳಿಸಬೇಕಾದ ಆಜ್ಞೆಗಳು:

npm i -S react-redux npm i -D redux-devtools

ಈಗ ನೀವು ಪ್ರಾರಂಭಿಸಲು ಎಲ್ಲವನ್ನೂ ಸಿದ್ಧಗೊಳಿಸಿದ್ದೀರಿ. ನೀವು Redux ಅನ್ನು ಸ್ಥಾಪಿಸಿದ ಮುಖ್ಯ ಫೋಲ್ಡರ್ ಅಥವಾ ಡೈರೆಕ್ಟರಿಗೆ ಹೋದರೆ, STORE, REDUCERS, ACTIONS, TYPES ನಂತಹ ಹಲವಾರು ಉಪ ಡೈರೆಕ್ಟರಿಗಳು ಅಥವಾ ಉಪ ಫೋಲ್ಡರ್‌ಗಳು ಇರುವುದನ್ನು ನೀವು ನೋಡುತ್ತೀರಿ. ಪ್ರತಿಯೊಂದೂ ಏನೆಂದು ನೀವು ತಿಳಿದಿರಬೇಕು:

• ಕ್ರಮಗಳು: ಇವು ಎರಡು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿರಬೇಕಾದ ವಸ್ತುಗಳು, ಒಂದು ಕ್ರಿಯೆಯ ಪ್ರಕಾರವನ್ನು (ಟೈಪ್) ವಿವರಿಸುತ್ತದೆ ಮತ್ತು ಇನ್ನೊಂದು ಅಪ್ಲಿಕೇಶನ್‌ನ ಸ್ಥಿತಿಯಲ್ಲಿ ಏನನ್ನು ಬದಲಾಯಿಸಬೇಕು ಎಂಬುದನ್ನು ವಿವರಿಸುತ್ತದೆ.
• ಕಡಿತಕಾರರು- ಕಡಿಮೆ ಮಾಡುವವರು ಕ್ರಿಯೆಗಳ ನಡವಳಿಕೆಯನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುವ ಕಾರ್ಯಗಳಾಗಿವೆ. ಕ್ರಿಯೆಯ ವಿವರಣೆ ಮತ್ತು ರಾಜ್ಯದ ಬದಲಾವಣೆಯ ವಿವರಣೆಯನ್ನು ಅವಲಂಬಿಸಿ ಅವರು ಅಪ್ಲಿಕೇಶನ್‌ನ ಸ್ಥಿತಿಯನ್ನು ಬದಲಾಯಿಸುತ್ತಾರೆ.
• ಅಂಗಡಿ: ಕ್ರಿಯೆಗಳು ಮತ್ತು ಕಡಿತಗೊಳಿಸುವವರು ಭೇಟಿಯಾಗುವ ಸ್ಥಳವಾಗಿದೆ, ಅಪ್ಲಿಕೇಶನ್ ಸ್ಥಿತಿಯನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ ಮತ್ತು ಬದಲಾಯಿಸುತ್ತದೆ. ಇರುವುದು ಒಂದೇ.
• ರೀತಿಯ: ನಾನು ಮೊದಲೇ ಹೇಳಿದಂತೆ, ಇದು ಕ್ರಿಯೆಯ ಪ್ರಕಾರವಾಗಿದೆ.

ಪ್ರಾಯೋಗಿಕ ಉದಾಹರಣೆ: Redux ನೊಂದಿಗೆ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸುವುದು

Un ಉದಾಹರಣೆಗೆ Redux ಬಳಸಿ ಇದು ಕೆಳಗಿನವುಗಳಾಗಿರಬಹುದು, ಅಲ್ಲಿ ಸರಳವಾದ ಲೆಕ್ಕಪರಿಶೋಧಕ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು Redux ಬಳಸಿ ತಯಾರಿಸಲಾಗುತ್ತದೆ. ಆದರೆ ಇದನ್ನು ಮಾಡಲು, ನೀವು ಮೊದಲು Redux ಅನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಬೇಕು ಮತ್ತು ನಿಮ್ಮ ಕ್ರಿಯೆಗಳು ಮತ್ತು ಕಡಿತಗೊಳಿಸುವವರನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಬೇಕು:

// ಆಮದು Redux ಲೈಬ್ರರಿಗಳು 'redux' ನಿಂದ { createStore } ಅನ್ನು ಆಮದು ಮಾಡಿ; // ಕ್ರಿಯೆಗಳನ್ನು ವಿವರಿಸಿ const incrementAction = {ಪ್ರಕಾರ: 'INCREMENT'}; const decrementAction = {ಪ್ರಕಾರ: 'DECREMENT'}; // ರಿಡ್ಯೂಸರ್ ಕಾನ್ಸ್ಟ್ ಕೌಂಟರ್‌ರೆಡ್ಯೂಸರ್ ಅನ್ನು ವಿವರಿಸಿ = (ರಾಜ್ಯ = 0, ಕ್ರಿಯೆ) => { ಸ್ವಿಚ್ (ಆಕ್ಷನ್.ಟೈಪ್) {ಕೇಸ್ 'ಇನ್‌ಕ್ರಿಮೆಂಟ್': ರಿಟರ್ನ್ ಸ್ಟೇಟ್ + 1; ಕೇಸ್ 'ಡಿಕ್ರಿಮೆಂಟ್': ರಿಟರ್ನ್ ಸ್ಟೇಟ್ - 1; ಪೂರ್ವನಿಯೋಜಿತ: ಹಿಂತಿರುಗುವ ಸ್ಥಿತಿ; }}; // Redux ಸ್ಟೋರ್ ಕಾನ್ಸ್ಟ್ ಸ್ಟೋರ್ ಅನ್ನು ರಚಿಸಿ = createStore (counterReducer); // ಸ್ಟೋರ್‌ನಲ್ಲಿನ ಬದಲಾವಣೆಗಳಿಗೆ ಚಂದಾದಾರರಾಗಿ.subscribe(() => {console.log('ಪ್ರಸ್ತುತ ಕೌಂಟರ್ ಸ್ಟೇಟ್:', store.getState());}); // ರಾಜ್ಯ store.dispatch (incrementAction) ಅನ್ನು ಮಾರ್ಪಡಿಸಲು ಕ್ರಮಗಳನ್ನು ರವಾನಿಸಿ; store.dispatch (incrementAction); store.dispatch(decrementAction);

Redux ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದಕ್ಕೆ ಇದು ಸರಳ ಉದಾಹರಣೆಯಾಗಿದೆ. ದೊಡ್ಡ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿ, ನೀವು ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾದ ಕ್ರಿಯೆಗಳು ಮತ್ತು ಕಡಿತಗೊಳಿಸುವವರನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತೀರಿ ಮತ್ತು ಸ್ಟೋರ್‌ನ ಸ್ಥಿತಿಯನ್ನು ಪ್ರವೇಶಿಸಲು ಮತ್ತು ನವೀಕರಿಸಲು ರಿಯಾಕ್ಟ್ ಘಟಕಗಳನ್ನು ಸಂಪರ್ಕಿಸುತ್ತೀರಿ. ಆದರೆ ಕನಿಷ್ಠ ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂಬ ಕಲ್ಪನೆಯನ್ನು ನೀಡುತ್ತದೆ ...