GyaanSetu JavaScript

The JavaScript and TypeScript ecosystem.

115 articlesDeep, practical knowledge

ನನ್ನ ಬ್ಯಾಕಪ್ ಎಲ್ಲಾ ಫೋಟೋಗಳನ್ನು ಕಳೆದುಕೊಂಡಿತು

ನನ್ನ ಬ್ಯಾಕಪ್ ಎಲ್ಲಾ ಫೋಟೋಗಳನ್ನು ಕಳೆದುಕೊಂಡಿತು. ನಾನು ಒಂದು ಆಫ್‌ಲೈನ್ ಮೂಡ್ ಟ್ರ್ಯಾಕರ್ (mood tracker) ಗಾಗಿ ಬ್ಯಾಕಪ್ ಬಟನ್ ಅನ್ನು ತಯಾರಿಸಿದೆ. ಇದು ಡೇಟಾವನ್ನು 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

React vs Next.js: ನೀವು ಯಾವುದನ್ನು ಕಲಿಯಬೇಕು?

React vs Next.js: ನೀವು ಯಾವುದನ್ನು ಕಲಿಯಬೇಕು? ಆರಂಭಿಕ ಕಲಿಕಾರ್ಥಿಗಳು ಮೊದಲು React ಕಲಿಯಬೇಕೇ ಅಥವಾ Next.js ಕಲಿಯಬೇಕೇ ಎಂದು ಆಗಾಗ್ಗೆ ಕೇಳುತ್ತಾರೆ. ತಪ್ಪು ಆಯ್ಕೆಯು ನಿಮ್ಮ ಪ್ರಗತಿಯನ್ನು ನಿಧಾನಗೊಳಿಸುತ್ತದೆ. ಈ ಮಾರ್ಗದರ್ಶಿಯು ... ಆಧಾರದ ಮೇಲೆ ನಿರ್ಧರಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.

JavaScript · 2 min read

ಫೈರ್‌ಬೇಸ್‌ನಲ್ಲಿ ಕಸ್ಟಮ್ ಇ-ಕಾಮರ್ಸ್

ಫೈರ್‌ಬೇಸ್‌ನಲ್ಲಿ ಕಸ್ಟಮ್ ಇ-ಕಾಮರ್ಸ್. ನಾನು ಮೊದಲಿನಿಂದಲೇ ಒಂದು ಕಸ್ಟಮ್ ಇ-ಕಾಮರ್ಸ್ ಸೈಟ್ ಅನ್ನು ನಿರ್ಮಿಸಿದ್ದೇನೆ. ನಾನು ಸಿದ್ಧವಾಗಿರುವ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳನ್ನು ಬಳಸಲಿಲ್ಲ. ನಾನು ಫೈರ್‌ಬೇಸ್ ರಿಯಲ್-ಟೈಮ್ ಡೇಟಾಬೇಸ್ ಮತ್ತು ನೆಟ್ಲಿಫೈ ಬಳಸಿದ್ದೇನೆ. ಇದರ ಗುರಿ ಏನೆಂದರೆ...

JavaScript · 2 min read

ಎರಡು PWAಗಳ ನಡುವೆ ಸಹಿ ಮಾಡಿದ ಟೋಕನ್: ಯಾವುದೇ ಬ್ಯಾಕ್‌ಎಂಡ್ ಇಲ್ಲದೆ HMAC SHA256

ಎರಡು PWAಗಳ ನಡುವೆ ಸಹಿ ಮಾಡಿದ ಟೋಕನ್: ಯಾವುದೇ ಬ್ಯಾಕ್‌ಎಂಡ್ ಇಲ್ಲದೆ HMAC SHA256. ನೀವು ಬಳಕೆದಾರರ ಗುರುತನ್ನು ಒಂದು PWA ನಿಂದ ಇನ್ನೊಂದಕ್ಕೆ ವರ್ಗಾಯಿಸಬೇಕಾಗುತ್ತದೆ. ಎರಡೂ ಆಪ್‌ಗಳು ಪ್ರತ್ಯೇಕ Firebase ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ. ಅವು ಯಾವುದೇ ಡೇಟಾವನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ...

JavaScript · 2 min read

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ನಿಮ್ಮ ಮೊದಲ ಡಿಸ್ಕಾರ್ಡ್ ಬಾಟ್ ಅನ್ನು ನಿರ್ಮಿಸಿ

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ನಿಮ್ಮ ಮೊದಲ ಡಿಸ್ಕಾರ್ಡ್ ಬಾಟ್ ಅನ್ನು ನಿರ್ಮಿಸಿ. ನೀವು ಒಂದು ಡಿಸ್ಕಾರ್ಡ್ ಬಾಟ್ ಅನ್ನು ನಿರ್ಮಿಸಲು ಬಯಸುತ್ತೀರಿ. ಬಹುಶಃ ನೀವು ಸಂಗೀತವನ್ನು ಪ್ಲೇ ಮಾಡುವ ಅಥವಾ ಸಮೀಕ್ಷೆಗಳನ್ನು ನಡೆಸುವ ಬಾಟ್‌ಗಳನ್ನು ನೋಡಿ ಅವು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತವೆ ಎಂದು ಆಶ್ಚರ್ಯಪಡುತ್ತಿರಬಹುದು. ಈ ಸರಣಿಯ ಅಂತ್ಯದ ವೇಳೆಗೆ...

JavaScript · 2 min read

7 ವರ್ಷಗಳ ನಂತರ ನಾನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ಗೆ ಮರಳಿದ್ದು ಏಕೆ?

7 ವರ್ಷಗಳ ನಂತರ ನಾನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ಗೆ ಮರಳಿದ್ದು ಏಕೆ? ನಾನು 7 ವರ್ಷಗಳ ಅನುಭವವಿರುವ UI ಡೆವಲಪರ್. ನನಗೆ HTML ಮತ್ತು CSS ತಿಳಿದಿದೆ. ನಾನು Figma ವಿನ್ಯಾಸಗಳನ್ನು ಕೋಡ್ ಆಗಿ ಪರಿವರ್ತಿಸಬಲ್ಲೆ. ಆದರೆ ನನಗೆ ಎಂದಿಗೂ ನಿಜವಾದ ಡೆವಲಪರ್ ಎಂಬ ಭಾವನೆ ಬರಲಿಲ್ಲ...

JavaScript · 2 min read

TypeScript ಗೆಲ್ಲಲಾರಂಭಿಸಿದೆ. ಇದರಿಂದ ನಮಗೆ ಏನು ಸಿಕ್ಕಿದೆ?

TypeScript ಗೆಲ್ಲಲಾರಂಭಿಸಿದೆ. ಇದರಿಂದ ನಮಗೆ ಏನು ಸಿಕ್ಕಿದೆ? ಚರ್ಚೆ ಮುಗಿದಿದೆ. ಹೆಚ್ಚಿನ ಹೊಸ ಫ್ರಂಟ್-ಎಂಡ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳು ಡಿಫಾಲ್ಟ್ ಆಗಿ TypeScript ಅನ್ನು ಬಳಸುತ್ತವೆ. ಇದನ್ನು ಅಳವಡಿಸಿಕೊಳ್ಳಬೇಕೆ ಅಥವಾ ಬೇಡವೇ ಎಂಬ ಬಗ್ಗೆ ಜನರು ಇನ್ನು ಮುಂದೆ ವಾದ ಮಾಡುವುದಿಲ್ಲ. ನಿಜವಾದ...

JavaScript · 2 min read

ಈ ವಿಷಯಗಳನ್ನು ಡಿಬಗ್ ಮಾಡುವುದು

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

JavaScript · 2 min read

React 'Re-render' ಎಂದು ಹೇಳಿದಾಗ, ಅದರ ಅರ್ಥ ಮೂರು ವಿಷಯಗಳು

React 'Re-render' ಎಂದು ಹೇಳಿದಾಗ, ಅದರ ಅರ್ಥ ಮೂರು ವಿಷಯಗಳು. ನೀವು setState ಅನ್ನು ಕರೆದಾಗ, React ಕೇವಲ DOM ಅನ್ನು ಅಪ್‌ಡೇಟ್ ಮಾಡುವುದಿಲ್ಲ. ಇದು ಒಂದು ಕ್ರಮದಲ್ಲಿ ಮೂರು ಪ್ರತ್ಯೇಕ ಹಂತಗಳನ್ನು ನಡೆಸುತ್ತದೆ. ಹೆಚ್ಚಿನ ಡೆವಲಪರ್‌ಗಳು ಗೊಂದಲಕ್ಕೀಡಾಗುತ್ತಾರೆ...

JavaScript · 2 min read

Rust JavaScript ಟೂಲ್‌ಚೈನ್‌ ಅನ್ನು ವಶಪಡಿಸಿಕೊಂಡಿತು. ನಂತರ Cloudflare ಅದನ್ನು ಖರೀದಿಸಿತು.

Rust JavaScript ಟೂಲ್‌ಚೈನ್‌ ಅನ್ನು ವಶಪಡಿಸಿಕೊಂಡಿತು. ನಂತರ Cloudflare ಅದನ್ನು ಖರೀದಿಸಿತು. Vite ಅದರ ಕಾರ್ಯವೈಖರಿಯನ್ನು ಬದಲಾಯಿಸಿತು. ಇದು ಎರಡು ಪರಿಕರಗಳಿಂದ ಒಂದೇ ಪೈಪ್‌ಲೈನ್‌ಗೆ ಬದಲಾಯಿತು. ಹಳೆಯ ವಿಧಾನವು ಅಭಿವೃದ್ಧಿಗಾಗಿ esbuild ಅನ್ನು ಬಳಸುತ್ತಿತ್ತು...

JavaScript · 2 min read

Pagelyze ನಿರ್ಮಿಸುವುದರಿಂದ ನನಗೆ React ಬಗ್ಗೆ ಏನು ತಿಳಿಯಿತು

Pagelyze ನಿರ್ಮಿಸುವುದರಿಂದ ನನಗೆ React ಬಗ್ಗೆ ಏನು ತಿಳಿಯಿತು. Pagelyze ನಿರ್ಮಿಸುವುದು React ಬಗ್ಗೆ ನನ್ನ ದೃಷ್ಟಿಕೋನವನ್ನೇ ಬದಲಿಸಿತು. ನಾನು ಕೇವಲ ಸಿದ್ಧಾಂತಗಳನ್ನು ನೋಡುವುದನ್ನು ನಿಲ್ಲಿಸಿ, ಉತ್ಪನ್ನದ ವಾಸ್ತುಶಿಲ್ಪದ (product architecture) ಕಡೆಗೆ ಗಮನ ಹರಿಸಲು ಪ್ರಾರಂಭಿಸಿದೆ. Pagelyze ಒಂದು ವೆಬ್...

JavaScript · 2 min read

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಶ್ಯಾಲೋ ಕಾಪಿ vs ಡೀಪ್ ಕಾಪಿ

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಶ್ಯಾಲೋ ಕಾಪಿ vs ಡೀಪ್ ಕಾಪಿ. ಡೇಟಾ ಪ್ರಕಾರಕ್ಕೆ ಅನುಗುಣವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎರಡು ರೀತಿಯಲ್ಲಿ ಕಾಪಿ ಮಾಡುತ್ತದೆ. ಪ್ರಿಮಿಟಿವ್ ವ್ಯಾಲ್ಯೂಸ್ (Copy by Value). ಪ್ರಿಮಿಟಿವ್ ಪ್ರಕಾರಗಳು ಸ್ಟ್ರಿಂಗ್ಸ್, ನಂಬರ್ ಅನ್ನು ಒಳಗೊಂಡಿವೆ...

JavaScript · 2 min read

100 ದಿನಗಳು, 87 ಟೂಲ್‌ಗಳು, ಶೂನ್ಯ ಸರ್ವರ್‌ಗಳು

100 ದಿನಗಳು, 87 ಟೂಲ್‌ಗಳು, ಶೂನ್ಯ ಸರ್ವರ್‌ಗಳು. ToolKnit ನಿರ್ಮಿಸಲು ನಾನು 100 ದಿನಗಳನ್ನು ಕಳೆದಿದ್ದೇನೆ. ಇದು 87 ಬ್ರೌಸರ್ ಆಧಾರಿತ ಟೂಲ್‌ಗಳ ಒಂದು ಸರಣಿಯಾಗಿದೆ. ಹೆಚ್ಚಿನ ಟೂಲ್ ಸೈಟ್‌ಗಳು ಈ ರೀತಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ: ನೀವು ಒಂದು ಫೈಲ್ ಅನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡುತ್ತೀರಿ. ಒಂದು ಸರ್ವರ್ ಅದನ್ನು ಪ್ರೊಸೆಸ್ ಮಾಡುತ್ತದೆ...

JavaScript · 2 min read

ತಾಂತ್ರಿಕ ಹುದ್ದೆಗಾಗಿ ನಾನು 5 ಅಭ್ಯರ್ಥಿಗಳನ್ನು ಸಂದರ್ಶಿಸಿದೆ

ತಾಂತ್ರಿಕ ಹುದ್ದೆಗಾಗಿ ನಾನು 5 ಅಭ್ಯರ್ಥಿಗಳನ್ನು ಸಂದರ್ಶಿಸಿದೆ. ಕಳೆದ ವಾರ ನಾನು ಫ್ರಂಟ್-ಎಂಡ್ (frontend) ಪಾತ್ರಕ್ಕಾಗಿ ಐದು ಅಭ್ಯರ್ಥಿಗಳನ್ನು ಸಂದರ್ಶಿಸಿದೆ. ಅವರು ವಿಭಿನ್ನ ಹಿನ್ನೆಲೆ ಮತ್ತು ವಿಭಿನ್ನ ಕೌಶಲ್ಯಗಳನ್ನು ಹೊಂದಿದ್ದರು. ದಿನದ ಅಂತ್ಯದ ವೇಳೆಗೆ...

JavaScript · 2 min read

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅರೇ ವಿಧಾನಗಳು ಭಾಗ 1

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅರೇ ವಿಧಾನಗಳು ಭಾಗ 1. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಅರೇ ಒಂದು ವಿಶೇಷ ಆಬ್ಜೆಕ್ಟ್ ಆಗಿದೆ. ಇದು ಒಂದೇ ವೇರಿಯೇಬಲ್‌ನಲ್ಲಿ ಹಲವಾರು ಮೌಲ್ಯಗಳನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ. ಪ್ರತಿ ವಿದ್ಯಾರ್ಥಿಗೂ ಪ್ರತ್ಯೇಕ ವೇರಿಯೇಬಲ್‌ಗಳನ್ನು ರಚಿಸುವ ಬದಲು: l…

JavaScript · 2 min read

ಪ್ರತಿಯೊಬ್ಬ ಡೆವಲಪರ್ ಮಾಡುವ 25 JSON ತಪ್ಪುಗಳು

ಪ್ರತಿಯೊಬ್ಬ ಡೆವಲಪರ್ ಮಾಡುವ 25 JSON ತಪ್ಪುಗಳು. JSON ಎಂಬುದು ವೆಬ್ ಸಂವಹನದ ಬೆನ್ನೆಲುಬು. ಇದು ಹಗುರವಾಗಿದೆ ಮತ್ತು ಓದಲು ಸುಲಭವಾಗಿದೆ. ಆದಾಗ್ಯೂ, ಇದರ ನಿಯಮಗಳು ಕಟ್ಟುನಿಟ್ಟಾಗಿವೆ. ಸಣ್ಣ ತಪ್ಪುಗಳು ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಹಾಳುಮಾಡಬಹುದು...

JavaScript · 2 min read

GraphQL Fragments: ಪ್ರತಿಯೊಂದು ಕಾಂಪೊನೆಂಟ್ ತನ್ನ ಡೇಟಾವನ್ನು ತಾನೇ ಹೊಂದಿರಲಿ

GraphQL Fragments: ಪ್ರತಿಯೊಂದು ಕಾಂಪೊನೆಂಟ್ ತನ್ನ ಡೇಟಾವನ್ನು ತಾನೇ ಹೊಂದಿರಲಿ. GraphQL ಕ್ವೇರಿಗಳು ಆರಂಭದಲ್ಲಿ ನೋಡಲು ಸರಳವಾಗಿ ಕಾಣಿಸುತ್ತವೆ. ಒಂದು ರಿಕ್ವೆಸ್ಟ್ ಮೂಲಕ ನಿಮ್ಮ ಎಲ್ಲಾ ಡೇಟಾವನ್ನು ಪಡೆಯಬಹುದು. ಆದರೆ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಬೆಳೆದಂತೆ, ನಿಮ್ಮ ಪೇಜ್ ಕ್ವೇರಿ ಫೀಲ್ಡ್‌ಗಳನ್ನು ಸಂಗ್ರಹಿಸಲು ಪ್ರಾರಂಭಿಸುತ್ತದೆ...

JavaScript · 2 min read

React vs Angular vs Vue: ಯಾವುದನ್ನು ಆರಿಸಿಕೊಳ್ಳಬೇಕು?

React vs Angular vs Vue: ಯಾವುದನ್ನು ಆರಿಸಿಕೊಳ್ಳಬೇಕು? ಫ್ರಂಟ್-ಎಂಡ್ ಫ್ರೇಮ್‌ವರ್ಕ್ ಅನ್ನು ಆರಿಸುವುದು ಒಂದು ಬಲೆ ಎನ್ನುವಂತೆ ಅನಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಬ್ಲಾಗ್ ಪೋಸ್ಟ್ ಕೂಡ ಯಾವುದೋ ಒಂದೇ ವಿಜಯಿ ಎಂದು ಹೇಳುತ್ತದೆ. ಕಾಮೆಂಟ್ ವಿಭಾಗವು ಯುದ್ಧದಂತಾಗುತ್ತದೆ. ಇಲ್ಲಿದೆ ನಿಜವಾದ ಸತ್ಯ...

JavaScript · 2 min read

React Context vs Zustand: ಯಾವುದನ್ನು ಯಾವಾಗ ಬಳಸಬೇಕು

React Context vs Zustand: ಯಾವುದನ್ನು ಯಾವಾಗ ಬಳಸಬೇಕು. ಡೆವಲಪರ್‌ಗಳು ಹೆಚ್ಚಾಗಿ React state ನಲ್ಲಿ ಒಂದು ತಪ್ಪು ಮಾಡುತ್ತಾರೆ. ಅವರು Context ಅನ್ನು ತಪ್ಪಾಗಿ ಬಳಸುತ್ತಾರೆ ಮತ್ತು ನಂತರ ಪರ್ಫಾರ್ಮೆನ್ಸ್ ಸಮಸ್ಯೆಗಳಿಗಾಗಿ Context ಅನ್ನು ದೂಷಿಸುತ್ತಾರೆ. ಅದು...

JavaScript · 2 min read