ಅದೃಶ್ಯ ಫ್ರಂಟ್ಎಂಡ್: ನಿಮ್ಮ ಉತ್ಪನ್ನವನ್ನು ಉಳಿಸುವ ಸಣ್ಣ ನಿರ್ಧಾರಗಳು
ಅತ್ಯುತ್ತಮ ಫ್ರಂಟ್ಎಂಡ್ ಕೆಲಸವು ಎಂದಿಗೂ ಡೆಮೋದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುವುದಿಲ್ಲ.
ಜನರು ಅದರ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ. ಆದರೆ ಈ ಕೆಲಸವಿಲ್ಲದೆ, ಬಳಕೆದಾರರು ನಿಮ್ಮ ಉತ್ಪನ್ನವನ್ನು ಬಿಟ್ಟು ಹೋಗುತ್ತಾರೆ ಮತ್ತು ಅದಕ್ಕೆ ಕಾರಣವೇನು ಎಂಬುದು ನಿಮಗೆ ತಿಳಿಯುವುದಿಲ್ಲ. ಈ ಕೆಲಸವು ಸ್ಕ್ರೀನ್ಗಳು, ಟ್ಯಾಬ್ಗಳು ಮತ್ತು ನಿಮ್ಮ ಬ್ಯಾಕ್ಎಂಡ್ ನಡುವಿನ ಅಂತರದಲ್ಲಿ ನಡೆಯುತ್ತದೆ.
ದೊಡ್ಡ ನಷ್ಟಗಳನ್ನು ತಡೆಯುವ ಸಣ್ಣ ಸರಿಪಡಿಸುವಿಕೆಗಳ ಮೂರು ಉದಾಹರಣೆಗಳು ಇಲ್ಲಿವೆ.
- ಲಾಗಿನ್ ದೋಷವನ್ನು ಸರಿಪಡಿಸಿ
ಒಮ್ಮೆ ಫ್ರಂಟ್ಎಂಡ್ ಲಾಗಿನ್ ಯಶಸ್ವಿಯಾಯಿತೇ ಎಂದು ನೋಡಲು ಸ್ಟೇಟಸ್ ಫೀಲ್ಡ್ ಅನ್ನು ಪರಿಶೀಲಿಸುತ್ತಿತ್ತು. ಬ್ಯಾಕ್ಎಂಡ್ ಒಂದು ಮಾನ್ಯವಾದ ಟೋಕನ್ ಅನ್ನು ಕಳುಹಿಸಿತು ಆದರೆ ಅದರೊಂದಿಗೆ
nullಸ್ಟೇಟಸ್ ಅನ್ನು ಸಹ ಕಳುಹಿಸಿತು. ಇದರಿಂದಾಗಿ ಬಳಕೆದಾರರಿಗೆ ಪ್ರವೇಶವಿದ್ದರೂ ಸಹ ಆಪ್ ಅವರನ್ನು ನಿರಾಕರಿಸಿತು.
ಪರಿಹಾರವು ಸರಳವಾಗಿತ್ತು. ಈಗ ಫ್ರಂಟ್ಎಂಡ್ ಯಶಸ್ಸನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ನೇರವಾಗಿ ಟೋಕನ್ ಅನ್ನು ಪರಿಶೀಲಿಸುತ್ತದೆ. ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿರುವ ಒಂದು ಅಸ್ಪಷ್ಟ ಫೀಲ್ಡ್ ಬಳಕೆದಾರರಿಗೆ ಮುಚ್ಚಿದ ಬಾಗಿಲಿನಂತಾಗುತ್ತದೆ.
- ವೆರಿಫಿಕೇಶನ್ ಲಿಂಕ್ ಅನ್ನು ಸರಿಪಡಿಸಿ ಬಳಕೆದಾರರು ಹೊಸ ಟ್ಯಾಬ್ನಲ್ಲಿ ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ಮೂಲ ಟ್ಯಾಬ್ ಅನ್ಅಥೆಂಟಿಕೇಟೆಡ್ ಆಗಿಯೇ ಉಳಿಯುತ್ತದೆ. ಅದು ಸರ್ವರ್ನಿಂದ ಅಪ್ಡೇಟ್ಗಳನ್ನು ಕೇಳಲು ಸಾಧ್ಯವಾಗುವುದಿಲ್ಲ.
ನಾನು ಬ್ರೌಸರ್ ಸ್ಟೋರೇಜ್ ಇವೆಂಟ್ ಅನ್ನು ಬಳಸಿದೆ. ಒಂದು ಟ್ಯಾಬ್ localStorage ಗೆ ಬರೆದಾಗ, ಉಳಿದ ಎಲ್ಲಾ ಟ್ಯಾಬ್ಗಳಿಗೆ ತಕ್ಷಣವೇ ತಿಳಿಯುತ್ತದೆ. ಇದು ಟ್ಯಾಬ್ಗಳ ನಡುವೆ ಉಚಿತ ಮೆಸೇಜ್ ಬಸ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಆನ್ಬೋರ್ಡಿಂಗ್ನಲ್ಲಿನ ಅಡೆತಡೆಯನ್ನು ನಿವಾರಿಸುತ್ತದೆ.
- ಕೂಲ್ಡೌನ್ ಟೈಮರ್ ಅನ್ನು ಸರಿಪಡಿಸಿ "30 ಸೆಕೆಂಡುಗಳಲ್ಲಿ ಇಮೇಲ್ ಮರುಕಳುಹಿಸಿ" ಎಂಬ ಟೈಮರ್ ಆಪ್ ಸ್ಟೇಟ್ನಲ್ಲಿ ಸಂಗ್ರಹಿಸಲ್ಪಟ್ಟಿದ್ದರೆ, ಬಳಕೆದಾರರು ಪೇಜ್ ಅನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡಿದಾಗ ಅದು ರಿಸೆಟ್ ಆಗುತ್ತದೆ. ಆಗ ಬಳಕೆದಾರರು ಬಟನ್ ಅನ್ನು ಪದೇ ಪದೇ ಒತ್ತುತ್ತಾರೆ, ಇದು ನಿಮ್ಮ ಇಮೇಲ್ ವೆಚ್ಚವನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ.
ಪರಿಹಾರವೆಂದರೆ ಕೌಂಟ್ಡೌನ್ ಬದಲಿಗೆ ಡೆಡ್ಲೈನ್ ಅನ್ನು ಸಂಗ್ರಹಿಸುವುದು.
- ಕೂಲ್ಡೌನ್ ಕೊನೆಗೊಳ್ಳುವ ನಿಖರವಾದ ಟೈಮ್ಸ್ಟ್ಯಾಂಪ್ ಅನ್ನು ಸಂಗ್ರಹಿಸಿ.
- ಪ್ರತಿ ರಿಫ್ರೆಶ್ ನಂತರ ಉಳಿದಿರುವ ಸೆಕೆಂಡುಗಳನ್ನು ಮರು ಲೆಕ್ಕಾಚಾರ ಮಾಡಿ. ಇದು ದುರುಪಯೋಗವನ್ನು ತಡೆಯುತ್ತದೆ ಮತ್ತು ನಿಮ್ಮ ಬಜೆಟ್ ಅನ್ನು ರಕ್ಷಿಸುತ್ತದೆ.
ಸಂಸ್ಥಾಪಕರಿಗೆ (Founders) ಇದು ಏಕೆ ಮುಖ್ಯ:
• ಲಾಗಿನ್ ಸರಿಪಡಿಸುವಿಕೆಯು ಬಳಕೆದಾರರ ಆಕ್ಟಿವೇಶನ್ ಅನ್ನು ರಕ್ಷಿಸುತ್ತದೆ. • ಕ್ರಾಸ್-ಟ್ಯಾಬ್ ಸಿಗ್ನಲ್ ಪರಿವರ್ತನಾ ದರಗಳನ್ನು (conversion rates) ರಕ್ಷಿಸುತ್ತದೆ. • ಕೂಲ್ಡೌನ್ ನಿಮ್ಮ ಲಾಭದ ಮಾರ್ಜಿನ್ಗಳನ್ನು ರಕ್ಷಿಸುತ್ತದೆ ಮತ್ತು ದುರುಪಯೋಗವನ್ನು ತಡೆಯುತ್ತದೆ.
ಉತ್ತಮ ಎಂಜಿನಿಯರಿಂಗ್ ಎಂದರೆ ಕೇವಲ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಚೆನ್ನಾಗಿ ಕಾಣುವಂತೆ ಮಾಡುವುದು ಮಾತ್ರವಲ್ಲ. ಅದು ಅಂತರಗಳಲ್ಲಿ (gaps) ಗಮನ ಹರಿಸುವುದು. ಈ ಸರಿಪಡಿಸುವಿಕೆಗಳಿಗೆ ತಲಾ ಐವತ್ತು ಸಾಲುಗಳಿಗಿಂತ ಕಡಿಮೆ ಕೋಡ್ ಬೇಕಾಯಿತು. ಸಮಸ್ಯೆಯನ್ನು ಗಮನಿಸುವುದು ಮತ್ತು ಅದನ್ನು ಸರಿಯಾದ ಸ್ಥಳದಲ್ಲಿ ಸರಿಪಡಿಸುವುದರಿಂದಲೇ ಮೌಲ್ಯ ಸಿಗುತ್ತದೆ.
ಮೂಲ: https://dev.to/virendra2902/the-invisible-frontend-small-decisions-that-quietly-save-a-product-1pkl