கண்ணுக்குத் தெரியாத முன்முனை (The Invisible Frontend): உங்கள் தயாரிப்பைக் காப்பாற்றும் சிறிய முடிவுகள்
சிறந்த முன்முனை (frontend) வேலைகள் ஒருபோதும் ஒரு டெமோவில் (demo) வெளிப்படாது.
மக்கள் அதன் ஸ்கிரீன்ஷாட்களை (screenshots) எடுப்பதில்லை. ஆனால் இந்த வேலை இல்லையென்றால், பயனர்கள் உங்கள் தயாரிப்பைப் பயன்படுத்துவதை விட்டுவிட்டுச் சென்றுவிடுவார்கள், அதற்கான காரணமும் உங்களுக்குத் தெரியாது. இந்த வேலை திரைகள் (screens), டேப்கள் (tabs) மற்றும் உங்கள் பேக்எண்ட் (backend) ஆகியவற்றிற்கு இடையிலான இடைவெளிகளில் நிகழ்கிறது.
பெரிய இழப்புகளைத் தடுக்கும் சிறிய திருத்தங்களின் மூன்று உதாரணங்கள் இதோ.
- லாகின் பிழையைச் சரிசெய்தல் (Fix the login error) ஒருமுறை, லாகின் (login) வெற்றியடைந்ததா என்பதை அறிய முன்முனை ஒரு 'status' புலத்தை (field) சரிபார்த்தது. பேக்எண்ட் ஒரு சரியான டோக்கனை (token) அனுப்பியது, ஆனால் அதனுடன் ஒரு 'null status'-ஐயும் அனுப்பியது. இதனால் பயனர் அனுமதி பெற்றிருந்தும், செயலி (app) அவரை நிராகரித்தது.
இதற்கான தீர்வு எளிமையானது. இப்போது முன்முனை வெற்றியை உறுதிப்படுத்த டோக்கனை நேரடியாகச் சரிபார்க்கிறது. ஒரு ஆவணத்தில் உள்ள தெளிவற்ற புலம் (ambiguous field), ஒரு பயனருக்குத் திறக்க முடியாத கதவாக மாறிவிடுகிறது.
- சரிபார்ப்பு இணைப்பைச் சரிசெய்தல் (Fix the verification link) ஒரு பயனர் புதிய டேப்பில் (tab) ஒரு இணைப்பைக் கிளிக் செய்யும்போது, அசல் டேப் அங்கீகரிக்கப்படாத நிலையிலேயே (unauthenticated) இருக்கும். அதனால் அது சர்வரில் (server) இருந்து புதிய தகவல்களைக் கேட்க முடியாது.
நான் பிரவுசர் ஸ்டோரேஜ் ஈவென்ட்டை (browser storage event) பயன்படுத்தினேன். ஒரு டேப் localStorage-இல் எழுதும்போது, மற்ற அனைத்து டேப்களுக்கும் அது உடனடியாகத் தெரியும். இது டேப்களுக்கு இடையிலான ஒரு இலவச மெசேஜ் பஸ் (message bus) போலச் செயல்படுகிறது. இது உங்கள் ஆன்போர்டிங் (onboarding) செயல்பாட்டில் ஏற்படும் முட்டுக்கட்டையை நீக்குகிறது.
- கூல்டவுன் டைமரைச் (cooldown timer) சரிசெய்தல் "30 வினாடிகளில் மின்னஞ்சலை மீண்டும் அனுப்பவும்" என்ற டைமர் ஆப் ஸ்டேட்டில் (app state) சேமிக்கப்பட்டிருந்தால், பயனர் பக்கத்தைப் புதுப்பிக்கும்போது (refresh) அது ரீசெட் ஆகிவிடும். இதனால் பயனர்கள் அந்த பட்டனைத் தொடர்ந்து அழுத்துவார்கள் (spam), இது உங்கள் மின்னஞ்சல் செலவுகளை அதிகரிக்கும்.
கவுண்டவுனுக்கு (countdown) பதிலாக காலக்கெடுவை (deadline) சேமிப்பதே இதற்கான தீர்வாகும்.
- கூல்டவுன் முடியும் சரியான நேர முத்திரையை (timestamp) சேமிக்கவும்.
- ஒவ்வொரு முறை பக்கத்தைப் புதுப்பிக்கும் போதும் மீதமுள்ள வினாடிகளைக் கணக்கிடவும். இது தவறான பயன்பாட்டைத் தடுத்து உங்கள் பட்ஜெட்டைக் பாதுகாக்கிறது.
நிறுவனர்களுக்கு (founders) இது ஏன் முக்கியம்:
• லாகின் திருத்தம் பயனர் செயல்பாட்டை (user activation) பாதுகாக்கிறது. • கிராஸ்-டேப் சிக்னல் (cross-tab signal) மாற்ற விகிதங்களைப் (conversion rates) பாதுகாக்கிறது. • கூல்டவுன் உங்கள் லாப வரம்புகளைப் (margins) பாதுகாப்பதோடு தவறான பயன்பாட்டையும் தடுக்கிறது.
சிறந்த பொறியியல் என்பது இடைமுகத்தை (interface) அழகாகக் காட்டுவது மட்டுமல்ல. அது இடைவெளிகளைத் துல்லியமாகக் கவனிப்பதாகும். இந்தத் திருத்தங்கள் ஒவ்வொன்றும் ஐம்பது வரிகளுக்குக் குறைவான குறியீடுகளிலேயே (code) முடிக்கப்பட்டன. சிக்கலைக் கண்டறிந்து அதைச் சரியான இடத்தில் சரிசெய்வதிலிருந்தே அதன் மதிப்பு கிடைக்கிறது.
ஆதாரம்: https://dev.to/virendra2902/the-invisible-frontend-small-decisions-that-quietly-save-a-product-1pkl