The JavaScript and TypeScript ecosystem.
ನನ್ನ ಬ್ಯಾಕಪ್ ಎಲ್ಲಾ ಫೋಟೋಗಳನ್ನು ಕಳೆದುಕೊಂಡಿತು. ನಾನು ಒಂದು ಆಫ್ಲೈನ್ ಮೂಡ್ ಟ್ರ್ಯಾಕರ್ (mood tracker) ಗಾಗಿ ಬ್ಯಾಕಪ್ ಬಟನ್ ಅನ್ನು ತಯಾರಿಸಿದೆ. ಇದು ಡೇಟಾವನ್ನು JSON ಫೈಲ್ಗೆ ಎಕ್ಸ್ಪೋರ್ಟ್ ಮಾಡುತ್ತಿತ್ತು. ಬಳಕೆದಾರರು ಅದನ್ನು ಉಳಿಸಿಕೊಳ್ಳಬಹುದು ಮತ್ತು ಹೊಸ ಫೋನ್ಗೆ ವರ್ಗಾಯಿಸಬಹುದು. ಅದು ಪರಿಪೂರ್ಣವಾಗಿ ಕಾಣುತ್ತಿತ್ತು...
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…
TypeScript Won. Here is What It Actually Bought Us. Nobody argues about using TypeScript anymore. New projects use it by default. The debate is over. The real value is not just ca…
React vs Next.js: ನೀವು ಯಾವುದನ್ನು ಕಲಿಯಬೇಕು? ಆರಂಭಿಕ ಕಲಿಕಾರ್ಥಿಗಳು ಮೊದಲು React ಕಲಿಯಬೇಕೇ ಅಥವಾ Next.js ಕಲಿಯಬೇಕೇ ಎಂದು ಆಗಾಗ್ಗೆ ಕೇಳುತ್ತಾರೆ. ತಪ್ಪು ಆಯ್ಕೆಯು ನಿಮ್ಮ ಪ್ರಗತಿಯನ್ನು ನಿಧಾನಗೊಳಿಸುತ್ತದೆ. ಈ ಮಾರ್ಗದರ್ಶಿಯು ... ಆಧಾರದ ಮೇಲೆ ನಿರ್ಧರಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.
ಫೈರ್ಬೇಸ್ನಲ್ಲಿ ಕಸ್ಟಮ್ ಇ-ಕಾಮರ್ಸ್. ನಾನು ಮೊದಲಿನಿಂದಲೇ ಒಂದು ಕಸ್ಟಮ್ ಇ-ಕಾಮರ್ಸ್ ಸೈಟ್ ಅನ್ನು ನಿರ್ಮಿಸಿದ್ದೇನೆ. ನಾನು ಸಿದ್ಧವಾಗಿರುವ ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳನ್ನು ಬಳಸಲಿಲ್ಲ. ನಾನು ಫೈರ್ಬೇಸ್ ರಿಯಲ್-ಟೈಮ್ ಡೇಟಾಬೇಸ್ ಮತ್ತು ನೆಟ್ಲಿಫೈ ಬಳಸಿದ್ದೇನೆ. ಇದರ ಗುರಿ ಏನೆಂದರೆ...
ಎರಡು PWAಗಳ ನಡುವೆ ಸಹಿ ಮಾಡಿದ ಟೋಕನ್: ಯಾವುದೇ ಬ್ಯಾಕ್ಎಂಡ್ ಇಲ್ಲದೆ HMAC SHA256. ನೀವು ಬಳಕೆದಾರರ ಗುರುತನ್ನು ಒಂದು PWA ನಿಂದ ಇನ್ನೊಂದಕ್ಕೆ ವರ್ಗಾಯಿಸಬೇಕಾಗುತ್ತದೆ. ಎರಡೂ ಆಪ್ಗಳು ಪ್ರತ್ಯೇಕ Firebase ಪ್ರಾಜೆಕ್ಟ್ಗಳಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ. ಅವು ಯಾವುದೇ ಡೇಟಾವನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದಿಲ್ಲ...
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ನಿಮ್ಮ ಮೊದಲ ಡಿಸ್ಕಾರ್ಡ್ ಬಾಟ್ ಅನ್ನು ನಿರ್ಮಿಸಿ. ನೀವು ಒಂದು ಡಿಸ್ಕಾರ್ಡ್ ಬಾಟ್ ಅನ್ನು ನಿರ್ಮಿಸಲು ಬಯಸುತ್ತೀರಿ. ಬಹುಶಃ ನೀವು ಸಂಗೀತವನ್ನು ಪ್ಲೇ ಮಾಡುವ ಅಥವಾ ಸಮೀಕ್ಷೆಗಳನ್ನು ನಡೆಸುವ ಬಾಟ್ಗಳನ್ನು ನೋಡಿ ಅವು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತವೆ ಎಂದು ಆಶ್ಚರ್ಯಪಡುತ್ತಿರಬಹುದು. ಈ ಸರಣಿಯ ಅಂತ್ಯದ ವೇಳೆಗೆ...
7 ವರ್ಷಗಳ ನಂತರ ನಾನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ಗೆ ಮರಳಿದ್ದು ಏಕೆ? ನಾನು 7 ವರ್ಷಗಳ ಅನುಭವವಿರುವ UI ಡೆವಲಪರ್. ನನಗೆ HTML ಮತ್ತು CSS ತಿಳಿದಿದೆ. ನಾನು Figma ವಿನ್ಯಾಸಗಳನ್ನು ಕೋಡ್ ಆಗಿ ಪರಿವರ್ತಿಸಬಲ್ಲೆ. ಆದರೆ ನನಗೆ ಎಂದಿಗೂ ನಿಜವಾದ ಡೆವಲಪರ್ ಎಂಬ ಭಾವನೆ ಬರಲಿಲ್ಲ...
You Don't Use Linked Lists. But They're Running Half Your Software. You will likely never write a linked list in a production JavaScript project. Your language built in arrays han…
TypeScript ಗೆಲ್ಲಲಾರಂಭಿಸಿದೆ. ಇದರಿಂದ ನಮಗೆ ಏನು ಸಿಕ್ಕಿದೆ? ಚರ್ಚೆ ಮುಗಿದಿದೆ. ಹೆಚ್ಚಿನ ಹೊಸ ಫ್ರಂಟ್-ಎಂಡ್ ಪ್ರಾಜೆಕ್ಟ್ಗಳು ಡಿಫಾಲ್ಟ್ ಆಗಿ TypeScript ಅನ್ನು ಬಳಸುತ್ತವೆ. ಇದನ್ನು ಅಳವಡಿಸಿಕೊಳ್ಳಬೇಕೆ ಅಥವಾ ಬೇಡವೇ ಎಂಬ ಬಗ್ಗೆ ಜನರು ಇನ್ನು ಮುಂದೆ ವಾದ ಮಾಡುವುದಿಲ್ಲ. ನಿಜವಾದ...
Replaced My App's Database With A Google Drive Folder I wanted to track my daughter's music progress. She gets audio clips and notes from her teacher every week. I wanted to liste…
ಈ ವಿಷಯಗಳನ್ನು ಡಿಬಗ್ ಮಾಡುವುದು. ಅನುಭವಿ ಡೆವಲಪರ್ಗಳು ತಪ್ಪು ಮಾಡುವುದಿಲ್ಲ ಎಂದು ಆರಂಭಿಕರು ಭಾವಿಸುತ್ತಾರೆ. ಆದರೆ ಸತ್ಯ ಬೇರೆಯೇ ಇದೆ. ಅನುಭವಿ ಡೆವಲಪರ್ಗಳು ಕೇವಲ ತಪ್ಪುಗಳನ್ನು ವೇಗವಾಗಿ ಪತ್ತೆಹಚ್ಚುತ್ತಾರೆ. ನಾನು ಒಂದು ಫುಲ್ ಸ್ಟ್ಯಾಕ್ ಪ್ರೊಜೆಕ್ಟ್ ಅನ್ನು ನಿರ್ಮಿಸಿದೆ...
React 'Re-render' ಎಂದು ಹೇಳಿದಾಗ, ಅದರ ಅರ್ಥ ಮೂರು ವಿಷಯಗಳು. ನೀವು setState ಅನ್ನು ಕರೆದಾಗ, React ಕೇವಲ DOM ಅನ್ನು ಅಪ್ಡೇಟ್ ಮಾಡುವುದಿಲ್ಲ. ಇದು ಒಂದು ಕ್ರಮದಲ್ಲಿ ಮೂರು ಪ್ರತ್ಯೇಕ ಹಂತಗಳನ್ನು ನಡೆಸುತ್ತದೆ. ಹೆಚ್ಚಿನ ಡೆವಲಪರ್ಗಳು ಗೊಂದಲಕ್ಕೀಡಾಗುತ್ತಾರೆ...
Rust JavaScript ಟೂಲ್ಚೈನ್ ಅನ್ನು ವಶಪಡಿಸಿಕೊಂಡಿತು. ನಂತರ Cloudflare ಅದನ್ನು ಖರೀದಿಸಿತು. Vite ಅದರ ಕಾರ್ಯವೈಖರಿಯನ್ನು ಬದಲಾಯಿಸಿತು. ಇದು ಎರಡು ಪರಿಕರಗಳಿಂದ ಒಂದೇ ಪೈಪ್ಲೈನ್ಗೆ ಬದಲಾಯಿತು. ಹಳೆಯ ವಿಧಾನವು ಅಭಿವೃದ್ಧಿಗಾಗಿ esbuild ಅನ್ನು ಬಳಸುತ್ತಿತ್ತು...
Pagelyze ನಿರ್ಮಿಸುವುದರಿಂದ ನನಗೆ React ಬಗ್ಗೆ ಏನು ತಿಳಿಯಿತು. Pagelyze ನಿರ್ಮಿಸುವುದು React ಬಗ್ಗೆ ನನ್ನ ದೃಷ್ಟಿಕೋನವನ್ನೇ ಬದಲಿಸಿತು. ನಾನು ಕೇವಲ ಸಿದ್ಧಾಂತಗಳನ್ನು ನೋಡುವುದನ್ನು ನಿಲ್ಲಿಸಿ, ಉತ್ಪನ್ನದ ವಾಸ್ತುಶಿಲ್ಪದ (product architecture) ಕಡೆಗೆ ಗಮನ ಹರಿಸಲು ಪ್ರಾರಂಭಿಸಿದೆ. Pagelyze ಒಂದು ವೆಬ್...
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಶ್ಯಾಲೋ ಕಾಪಿ vs ಡೀಪ್ ಕಾಪಿ. ಡೇಟಾ ಪ್ರಕಾರಕ್ಕೆ ಅನುಗುಣವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎರಡು ರೀತಿಯಲ್ಲಿ ಕಾಪಿ ಮಾಡುತ್ತದೆ. ಪ್ರಿಮಿಟಿವ್ ವ್ಯಾಲ್ಯೂಸ್ (Copy by Value). ಪ್ರಿಮಿಟಿವ್ ಪ್ರಕಾರಗಳು ಸ್ಟ್ರಿಂಗ್ಸ್, ನಂಬರ್ ಅನ್ನು ಒಳಗೊಂಡಿವೆ...
100 ದಿನಗಳು, 87 ಟೂಲ್ಗಳು, ಶೂನ್ಯ ಸರ್ವರ್ಗಳು. ToolKnit ನಿರ್ಮಿಸಲು ನಾನು 100 ದಿನಗಳನ್ನು ಕಳೆದಿದ್ದೇನೆ. ಇದು 87 ಬ್ರೌಸರ್ ಆಧಾರಿತ ಟೂಲ್ಗಳ ಒಂದು ಸರಣಿಯಾಗಿದೆ. ಹೆಚ್ಚಿನ ಟೂಲ್ ಸೈಟ್ಗಳು ಈ ರೀತಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ: ನೀವು ಒಂದು ಫೈಲ್ ಅನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡುತ್ತೀರಿ. ಒಂದು ಸರ್ವರ್ ಅದನ್ನು ಪ್ರೊಸೆಸ್ ಮಾಡುತ್ತದೆ...
ತಾಂತ್ರಿಕ ಹುದ್ದೆಗಾಗಿ ನಾನು 5 ಅಭ್ಯರ್ಥಿಗಳನ್ನು ಸಂದರ್ಶಿಸಿದೆ. ಕಳೆದ ವಾರ ನಾನು ಫ್ರಂಟ್-ಎಂಡ್ (frontend) ಪಾತ್ರಕ್ಕಾಗಿ ಐದು ಅಭ್ಯರ್ಥಿಗಳನ್ನು ಸಂದರ್ಶಿಸಿದೆ. ಅವರು ವಿಭಿನ್ನ ಹಿನ್ನೆಲೆ ಮತ್ತು ವಿಭಿನ್ನ ಕೌಶಲ್ಯಗಳನ್ನು ಹೊಂದಿದ್ದರು. ದಿನದ ಅಂತ್ಯದ ವೇಳೆಗೆ...
React Lost Its Mass and Vercel Is Wearing Its Skin The React community used to own the project. Now, it feels like a hosting company manages it. The shift happened slowly. Then it…
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅರೇ ವಿಧಾನಗಳು ಭಾಗ 1. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಅರೇ ಒಂದು ವಿಶೇಷ ಆಬ್ಜೆಕ್ಟ್ ಆಗಿದೆ. ಇದು ಒಂದೇ ವೇರಿಯೇಬಲ್ನಲ್ಲಿ ಹಲವಾರು ಮೌಲ್ಯಗಳನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ. ಪ್ರತಿ ವಿದ್ಯಾರ್ಥಿಗೂ ಪ್ರತ್ಯೇಕ ವೇರಿಯೇಬಲ್ಗಳನ್ನು ರಚಿಸುವ ಬದಲು: l…
ಪ್ರತಿಯೊಬ್ಬ ಡೆವಲಪರ್ ಮಾಡುವ 25 JSON ತಪ್ಪುಗಳು. JSON ಎಂಬುದು ವೆಬ್ ಸಂವಹನದ ಬೆನ್ನೆಲುಬು. ಇದು ಹಗುರವಾಗಿದೆ ಮತ್ತು ಓದಲು ಸುಲಭವಾಗಿದೆ. ಆದಾಗ್ಯೂ, ಇದರ ನಿಯಮಗಳು ಕಟ್ಟುನಿಟ್ಟಾಗಿವೆ. ಸಣ್ಣ ತಪ್ಪುಗಳು ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಹಾಳುಮಾಡಬಹುದು...
GraphQL Fragments: ಪ್ರತಿಯೊಂದು ಕಾಂಪೊನೆಂಟ್ ತನ್ನ ಡೇಟಾವನ್ನು ತಾನೇ ಹೊಂದಿರಲಿ. GraphQL ಕ್ವೇರಿಗಳು ಆರಂಭದಲ್ಲಿ ನೋಡಲು ಸರಳವಾಗಿ ಕಾಣಿಸುತ್ತವೆ. ಒಂದು ರಿಕ್ವೆಸ್ಟ್ ಮೂಲಕ ನಿಮ್ಮ ಎಲ್ಲಾ ಡೇಟಾವನ್ನು ಪಡೆಯಬಹುದು. ಆದರೆ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಬೆಳೆದಂತೆ, ನಿಮ್ಮ ಪೇಜ್ ಕ್ವೇರಿ ಫೀಲ್ಡ್ಗಳನ್ನು ಸಂಗ್ರಹಿಸಲು ಪ್ರಾರಂಭಿಸುತ್ತದೆ...
React vs Angular vs Vue: ಯಾವುದನ್ನು ಆರಿಸಿಕೊಳ್ಳಬೇಕು? ಫ್ರಂಟ್-ಎಂಡ್ ಫ್ರೇಮ್ವರ್ಕ್ ಅನ್ನು ಆರಿಸುವುದು ಒಂದು ಬಲೆ ಎನ್ನುವಂತೆ ಅನಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಬ್ಲಾಗ್ ಪೋಸ್ಟ್ ಕೂಡ ಯಾವುದೋ ಒಂದೇ ವಿಜಯಿ ಎಂದು ಹೇಳುತ್ತದೆ. ಕಾಮೆಂಟ್ ವಿಭಾಗವು ಯುದ್ಧದಂತಾಗುತ್ತದೆ. ಇಲ್ಲಿದೆ ನಿಜವಾದ ಸತ್ಯ...
React Context vs Zustand: ಯಾವುದನ್ನು ಯಾವಾಗ ಬಳಸಬೇಕು. ಡೆವಲಪರ್ಗಳು ಹೆಚ್ಚಾಗಿ React state ನಲ್ಲಿ ಒಂದು ತಪ್ಪು ಮಾಡುತ್ತಾರೆ. ಅವರು Context ಅನ್ನು ತಪ್ಪಾಗಿ ಬಳಸುತ್ತಾರೆ ಮತ್ತು ನಂತರ ಪರ್ಫಾರ್ಮೆನ್ಸ್ ಸಮಸ್ಯೆಗಳಿಗಾಗಿ Context ಅನ್ನು ದೂಷಿಸುತ್ತಾರೆ. ಅದು...
