GyaanSetu JavaScript

The JavaScript and TypeScript ecosystem.

63 articlesDeep, practical knowledge

How To Set Up React Context

How To Set Up React Context Prop drilling ruins your code. You pass data through five layers of components that do not need it. React Context fixes this. However, most setups crea…

JavaScript · 2 min read

లింక్‌లను వదిలివేయకుండా ఈమెయిల్ మార్పు ప్రక్రియలను పరీక్షించండి

లింక్‌లను వదిలివేయకుండా ఈమెయిల్ మార్పు ప్రక్రియలను పరీక్షించండి. ఖాతా ఈమెయిల్‌ను మార్చడం అనేది చిన్న విషయంలా అనిపించవచ్చు. ఇది QA బృందాలకు ఒక సాధారణ చిక్కుముడి. ఒక టెస్టర్ అడ్రస్‌ను అప్‌డేట్ చేస్తారు. మరొక వ్యక్తి ఈమెయిల్‌ను ఓపెన్ చేస్తారు...

JavaScript · 2 min read

వెబ్ పనితీరు యొక్క 3 సెకన్ల నియమం

వెబ్ పనితీరు యొక్క 3 సెకన్ల నియమం. మీకు కేవలం మూడు సెకన్ల సమయం మాత్రమే ఉంది. ఆ తర్వాత, మీ వినియోగదారులు వెళ్ళిపోతారు. ఒక వెబ్‌సైట్ లోడ్ అవ్వడానికి 3 సెకన్ల కంటే ఎక్కువ సమయం పడితే, 53% మొబైల్ వినియోగదారులు ఆ సైట్‌ను వదిలివేస్తారని గూగుల్ పరిశోధన చెబుతోంది...

JavaScript · 2 min read

React Refs మరియు useRef Hook ఉపయోగించడం

React Refs మరియు useRef Hook ఉపయోగించడం. React ఒక డిక్లరేటివ్ విధానాన్ని ఉపయోగిస్తుంది. మీరు స్టేట్‌ను (state) అప్‌డేట్ చేస్తే, React UIని అప్‌డేట్ చేస్తుంది. ఇది చాలా పనులకు సరిపోతుంది. కానీ కొన్నిసార్లు మీరు దీని నుండి బయటకు రావాల్సి ఉంటుంది...

JavaScript · 2 min read

సబ్‌స్క్రిప్షన్లు లేకుండా వెబ్‌సైట్‌ను సందర్శించే వారిని ప్రత్యక్షంగా ట్రాక్ చేయండి

సబ్‌స్క్రిప్షన్లు లేకుండా వెబ్‌సైట్‌ను సందర్శించే వారిని ప్రత్యక్షంగా ట్రాక్ చేయండి. ఒక క్లయింట్ తమ వెబ్‌సైట్‌లో రియల్ టైమ్‌లో ఎవరు ఉన్నారో చూడాలనుకున్నారు. వారికి Tidio విడ్జెట్ నచ్చింది కానీ సబ్‌స్క్రిప్షన్ కోసం డబ్బులు చెల్లించాలనుకోవడం లేదు...

JavaScript · 2 min read

React Key Prop మీకు ఎందుకు అవసరం?

React Key Prop మీకు ఎందుకు అవసరం? మీ కన్సోల్‌లో మీరు ఈ ఎర్రర్‌ను చూస్తారు: "జాబితాలోని ప్రతి చైల్డ్‌కు ఒక ప్రత్యేకమైన 'key' ప్రాప్ ఉండాలి." చాలా మంది డెవలపర్లు దీనిని విస్మరిస్తారు. ఇది ఒక తప్పు. ఈ హెచ్చరిక...

JavaScript · 2 min read

ఒక్క యంత్రాన్ని కూడా తాకకుండా నేను ప్రతి బ్రాంచ్‌ను ఎలా అప్‌డేట్ చేశాను

ఒక్క యంత్రాన్ని కూడా తాకకుండా నేను ప్రతి బ్రాంచ్‌ను ఎలా అప్‌డేట్ చేశాను. నేను Electron ఉపయోగించి ఒక అంతర్గత డెస్క్‌టాప్ టూల్‌ను రూపొందించాను. ఇది అనేక బ్రాంచ్ కార్యాలయాల్లోని యంత్రాలపై నడుస్తుంది. ఈ కార్యాలయాలు విభిన్న...

JavaScript · 2 min read

React నేర్చుకోవడంలో 5వ రోజు: బ్యాచింగ్ మరియు ఫంక్షనల్ అప్‌డేట్స్

React నేర్చుకోవడంలో 5వ రోజు: బ్యాచింగ్ మరియు ఫంక్షనల్ అప్‌డేట్స్. స్టేట్ సెట్టర్‌ను (state setter) ఒకటి కంటే ఎక్కువసార్లు పిలవడం వల్ల మల్టిపుల్ రెండర్స్ (multiple renders) జరుగుతాయని నేను అనుకున్నాను. కానీ నేను పొరబడ్డాను. React అంతకంటే తెలివైనది. ఇది ఉపయోగిస్తుంది...

JavaScript · 2 min read

నా బ్యాకప్ వల్ల ప్రతి ఫోటో పోయింది

నా బ్యాకప్ వల్ల ప్రతి ఫోటో పోయింది. నేను ఒక ఆఫ్‌లైన్ మూడ్ ట్రాకర్ కోసం బ్యాకప్ బటన్‌ను రూపొందించాను. ఇది డేటాను JSON ఫైల్‌లోకి ఎగుమతి చేసేది. వినియోగదారులు దానిని సేవ్ చేసుకుని కొత్త ఫోన్‌కు మార్చుకోవచ్చు. అది పరిపూర్ణంగా అనిపించింది...

JavaScript · 2 min read

Why Your Vibe Coded Website Will Never Rank

Why Your Vibe Coded Website Will Never Rank A founder showed me a website last month. It looked great. It had clean animations and sharp copy. He built it in one afternoon using A…

JavaScript · 3 min read

ఫైర్‌బేస్‌పై కస్టమ్ ఈ-కామర్స్

ఫైర్‌బేస్‌పై కస్టమ్ ఈ-కామర్స్. నేను మొదటి నుండి ఒక కస్టమ్ ఈ-కామర్స్ సైట్‌ను స్వయంగా నిర్మించాను. నేను రెడీమేడ్ ప్లాట్‌ఫారమ్‌లను ఉపయోగించలేదు. నేను ఫైర్‌బేస్ రియల్ టైమ్ డేటాబేస్ మరియు నెట్లిఫైని ఉపయోగించాను. దీని లక్ష్యం ఏమిటంటే...

JavaScript · 2 min read

రెండు PWAల మధ్య సంతకం చేయబడిన టోకెన్: బ్యాకెండ్ లేకుండా HMAC SHA256

రెండు PWAల మధ్య సంతకం చేయబడిన టోకెన్: బ్యాకెండ్ లేకుండా HMAC SHA256. మీరు ఒక PWA నుండి మరొక PWAకి యూజర్ ఐడెంటిటీని పంపాల్సి ఉంటుంది. రెండు యాప్‌లు వేర్వేరు ఫైర్‌బేస్ ప్రాజెక్ట్‌లపై నడుస్తాయి. అవి ఎటువంటి డేటాను పంచుకోవు...

JavaScript · 2 min read

జావాస్క్రిప్ట్‌తో మీ మొదటి డిస్కార్డ్ బాట్‌ను నిర్మించండి

జావాస్క్రిప్ట్‌తో మీ మొదటి డిస్కార్డ్ బాట్‌ను నిర్మించండి. మీరు ఒక డిస్కార్డ్ బాట్‌ను నిర్మించాలనుకుంటున్నారు. బహుశా మీరు సంగీతాన్ని ప్లే చేసే లేదా పోల్స్ నిర్వహించే బాట్‌లను చూసి, అవి ఎలా పనిచేస్తాయో అని ఆశ్చర్యపోతుండవచ్చు. ఈ సిరీస్ ముగిసే సమయానికి...

JavaScript · 2 min read

7 ఏళ్ల తర్వాత నేను జావాస్క్రిప్ట్‌కు ఎందుకు తిరిగి వచ్చాను

7 ఏళ్ల తర్వాత నేను జావాస్క్రిప్ట్‌కు ఎందుకు తిరిగి వచ్చాను. నేను 7 ఏళ్ల అనుభవం ఉన్న UI డెవలపర్‌ని. నాకు HTML మరియు CSS తెలుసు. నేను Figma డిజైన్‌లను కోడ్‌గా మార్చగలను. కానీ నేను ఎప్పుడూ నిజమైన డెవలపర్‌లా అనిపించలేదు...

JavaScript · 2 min read

మీరు లింక్డ్ లిస్ట్‌లను ఉపయోగించరు. కానీ అవి మీ సాఫ్ట్‌వేర్‌లో సగం భాగం నడుపుతున్నాయి.

మీరు లింక్డ్ లిస్ట్‌లను ఉపయోగించరు. కానీ అవి మీ సాఫ్ట్‌వేర్‌లో సగం భాగం నడుపుతున్నాయి. మీరు ఒక ప్రొడక్షన్ జావాస్క్రిప్ట్ ప్రాజెక్ట్‌లో బహుశా ఎప్పుడూ లింక్డ్ లిస్ట్‌ను రాయకపోవచ్చు. మీ భాషలోని బిల్ట్-ఇన్ అర్రేలు...

JavaScript · 2 min read

React 'Re-render' అన్నప్పుడు, దాని అర్థం మూడు విషయాలు

React 'Re-render' అన్నప్పుడు, దాని అర్థం మూడు విషయాలు. మీరు setStateని కాల్ చేసినప్పుడు, React కేవలం DOMని మాత్రమే అప్‌డేట్ చేయదు. ఇది ఒక క్రమంలో మూడు వేర్వేరు దశలను నిర్వహిస్తుంది. చాలా మంది డెవలపర్లు తప్పుగా అర్థం చేసుకుంటారు...

JavaScript · 2 min read

100 రోజులు, 87 సాధనాలు, సున్నా సర్వర్లు

100 రోజులు, 87 సాధనాలు, సున్నా సర్వర్లు. ToolKnitని రూపొందించడానికి నేను 100 రోజులు కేటాయించాను. ఇది 87 బ్రౌజర్ ఆధారిత సాధనాల సముదాయం. చాలా టూల్ సైట్లు ఇలా పనిచేస్తాయి: మీరు ఒక ఫైల్‌ను అప్‌లోడ్ చేస్తారు, ఒక సర్వర్ దానిని ప్రాసెస్ చేస్తుంది...

JavaScript · 2 min read

ఒక సాంకేతిక ఉద్యోగం కోసం నేను 5 మంది అభ్యర్థులను ఇంటర్వ్యూ చేశాను

ఒక సాంకేతిక ఉద్యోగం కోసం నేను 5 మంది అభ్యర్థులను ఇంటర్వ్యూ చేశాను. గత వారం నేను ఒక ఫ్రంటెండ్ రోల్ కోసం ఐదుగురు అభ్యర్థులను ఇంటర్వ్యూ చేశాను. వారికి విభిన్న నేపథ్యాలు మరియు విభిన్న నైపుణ్యాలు ఉన్నాయి. రోజు ముగిసే సమయానికి...

JavaScript · 2 min read

ప్రతి డెవలపర్ చేసే 25 JSON తప్పులు

ప్రతి డెవలపర్ చేసే 25 JSON తప్పులు. వెబ్ కమ్యూనికేషన్‌కు JSON వెన్నెముక వంటిది. ఇది తేలికైనది మరియు చదవడానికి సులభంగా ఉంటుంది. అయితే, దీని నియమాలు చాలా కఠినంగా ఉంటాయి. చిన్న తప్పులు కూడా మీ కోడ్‌ను పాడు చేస్తాయి...

JavaScript · 2 min read