GyaanSetu JavaScript

The JavaScript and TypeScript ecosystem.

115 articlesDeep, practical knowledge

AI ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಯುದ್ಧವನ್ನು ಗೆದ್ದಿದೆ

AI ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಯುದ್ಧವನ್ನು ಗೆದ್ದಿದೆ. ಚರ್ಚೆ ಮುಗಿದಿದೆ. ಉತ್ತಮ ವಾದಗಳಿಂದ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಗೆಲ್ಲಲಿಲ್ಲ. AI ಪರಿಕರಗಳು ಚರ್ಚೆಯನ್ನು ಅಪ್ರಸ್ತುತಗೊಳಿಸಿದ್ದರಿಂದ ಇದು ಗೆದ್ದಿದೆ. ಸಂಶೋಧಕರು ಒಂದು ಪ್ರಮುಖ ಮಾದರಿ...

JavaScript · 2 min read

DOM CRUD ಕಾರ್ಯಾಚರಣೆಗಳು

DOM CRUD ಕಾರ್ಯಾಚರಣೆಗಳು: ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್ (DOM) ಎಂಬುದು ಬ್ರೌಸರ್‌ಗಳು HTML ಅನ್ನು ಪ್ರತಿನಿಧಿಸುವ ವಿಧಾನವಾಗಿದೆ. ಇದು ಪ್ರತಿಯೊಂದು ಎಲಿಮೆಂಟ್, ಅಟ್ರಿಬ್ಯೂಟ್ ಮತ್ತು ಪಠ್ಯದ ಭಾಗವನ್ನು ಒಂದು ಆಬ್ಜೆಕ್ಟ್ ಆಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಈ ಆಬ್ಜೆಕ್ಟ್‌ಗಳನ್ನು ಬಳಸುತ್ತದೆ...

JavaScript · 2 min read

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

ಇನ್‌ಬಾಕ್ಸ್ ಗದ್ದಲವಿಲ್ಲದೆ Nodejs ಡೈಜೆಸ್ಟ್ ಇಮೇಲ್‌ಗಳನ್ನು ಪರೀಕ್ಷಿಸುವುದು

ಇನ್‌ಬಾಕ್ಸ್ ಗದ್ದಲವಿಲ್ಲದೆ Nodejs ಡೈಜೆಸ್ಟ್ ಇಮೇಲ್‌ಗಳನ್ನು ಪರೀಕ್ಷಿಸುವುದು. ಪ್ರಿವ್ಯೂ ಎನ್ವಿರಾನ್‌ಮೆಂಟ್‌ಗಳು ಒಂದು ಹಂಚಿಕೆಯ ಮೇಲ್‌ಬಾಕ್ಸ್‌ಗೆ ಸಾರಾಂಶಗಳನ್ನು ಕಳುಹಿಸಿದಾಗ ಡೈಜೆಸ್ಟ್ ಇಮೇಲ್‌ಗಳು ಸಮಸ್ಯೆಗಳನ್ನು ಉಂಟುಮಾಡುತ್ತವೆ. ಯಾವ ಸಂದೇಶವು ಯಾವುದಕ್ಕೆ ಸೇರಿದೆ ಎಂಬುದು ನಿಮಗೆ ತಿಳಿಯುವುದಿಲ್ಲ...

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 ಒಂದು ಡಿಕ್ಲರೇಟಿವ್ (declarative) ವಿಧಾನವನ್ನು ಬಳಸುತ್ತದೆ. ನೀವು ಸ್ಟೇಟ್ (state) ಅನ್ನು ಅಪ್‌ಡೇಟ್ ಮಾಡಿದರೆ, React UI ಅನ್ನು ಅಪ್‌ಡೇಟ್ ಮಾಡುತ್ತದೆ. ಇದು ಹೆಚ್ಚಿನ ಕೆಲಸಗಳಿಗೆ ಸರಿಯಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಆದರೆ ಕೆಲವೊಮ್ಮೆ ನೀವು ಇದರ ಹೊರಗೆ ಹೋಗಬೇಕಾಗುತ್ತದೆ...

JavaScript · 2 min read

Why Index as a Key is a Bad Idea in React

Why Index as a Key is a Bad Idea in React You build a dynamic list in React. You delete an item. Suddenly, the UI state of a different item changes. Or, you sort a list and the in…

JavaScript · 2 min read

ಚಂದಾದಾರಿಕೆ ಇಲ್ಲದೆ ಲೈವ್ ವೆಬ್‌ಸೈಟ್ ವಿಸಿಟರ್‌ಗಳನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಿ

ಚಂದಾದಾರಿಕೆ ಇಲ್ಲದೆ ಲೈವ್ ವೆಬ್‌ಸೈಟ್ ವಿಸಿಟರ್‌ಗಳನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡಿ. ಒಬ್ಬ ಕ್ಲೈಂಟ್ ತಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ನೈಜ ಸಮಯದಲ್ಲಿ ಯಾರು ಇದ್ದಾರೆ ಎಂದು ನೋಡಲು ಬಯಸಿದ್ದರು. ಅವರಿಗೆ Tidio ವಿಜೆಟ್ ಇಷ್ಟವಾಯಿತು ಆದರೆ ಅವರು ಚಂದಾದಾರಿಕೆಗಾಗಿ ಪಾವತಿಸಲು ಇಷ್ಟಪಡಲಿಲ್ಲ...

JavaScript · 2 min read

ನಿಮಗೆ React Key Prop ಏಕೆ ಅಗತ್ಯವಿದೆ

ನಿಮಗೆ React Key Prop ಏಕೆ ಅಗತ್ಯವಿದೆ. ನಿಮ್ಮ ಕನ್ಸೋಲ್‌ನಲ್ಲಿ ನೀವು ಈ ದೋಷವನ್ನು ನೋಡುತ್ತೀರಿ: "ಪಟ್ಟಿಯಲ್ಲಿರುವ ಪ್ರತಿಯೊಂದು ಚೈಲ್ಡ್ ಕೂಡ ವಿಶಿಷ್ಟವಾದ 'key' ಪ್ರಾಪನ್ನು ಹೊಂದಿರಬೇಕು." ಅನೇಕ ಡೆವಲಪರ್‌ಗಳು ಇದನ್ನು ನಿರ್ಲಕ್ಷಿಸುತ್ತಾರೆ. ಇದು ಒಂದು ತಪ್ಪು. ಈ ಎಚ್ಚರಿಕೆ...

JavaScript · 2 min read

React Lists ಮತ್ತು Keys ನಲ್ಲಿ ಪರಿಣಿತರಾಗಿ

React Lists ಮತ್ತು Keys ನಲ್ಲಿ ಪರಿಣಿತರಾಗಿ. React ನಲ್ಲಿ ಲಿಸ್ಟ್‌ಗಳನ್ನು ರেন্ডರ್ ಮಾಡುವುದು ಸುಲಭ, ಆದರೆ ಅದನ್ನು ಸರಿಯಾಗಿ ಮಾಡುವುದು ಕಷ್ಟ. ಅನೇಕ ಡೆವಲಪರ್‌ಗಳು ಅರೇ ಇಂಡೆಕ್ಸ್ ಅನ್ನು ಕೀ ಆಗಿ ಬಳಸುತ್ತಾರೆ. ಇದು ಒಂದು ತಪ್ಪು. ಇದು ಬಗ್‌ಗಳಿಗೆ ಮತ್ತು...

JavaScript · 2 min read

ಇನ್‌ಬಾಕ್ಸ್ ಗೊಂದಲವಿಲ್ಲದೆ ಪಾಸ್‌ವರ್ಡ್ ಇಲ್ಲದ ಲಾಗಿನ್ ಅನ್ನು ಪರೀಕ್ಷಿಸಿ

ಇನ್‌ಬಾಕ್ಸ್ ಗೊಂದಲವಿಲ್ಲದೆ ಪಾಸ್‌ವರ್ಡ್ ಇಲ್ಲದ ಲಾಗಿನ್ ಅನ್ನು ಪರೀಕ್ಷಿಸಿ. ಡೆಮೋದಲ್ಲಿ ಪಾಸ್‌ವರ್ಡ್ ಇಲ್ಲದ ಲಾಗಿನ್ ಸುಲಭವಾಗಿ ಕಾಣಿಸುತ್ತದೆ. ಬಳಕೆದಾರರು ಇಮೇಲ್ ಅನ್ನು ನಮೂದಿಸುತ್ತಾರೆ. ಒಂದು ಮ್ಯಾಜಿಕ್ ಲಿಂಕ್ ಬರುತ್ತದೆ. ಸೆಷನ್ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ. ಸ್ಟೇಜಿಂಗ್‌ನಲ್ಲಿ, ಈ ಪ್ರಕ್ರಿಯೆಯು...

JavaScript · 2 min read

Node.js ಸಾವಿರಾರು ರಿಕ್ವೆಸ್ಟ್‌ಗಳನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸುತ್ತದೆ

Node.js ಸಾವಿರಾರು ರಿಕ್ವೆಸ್ಟ್‌ಗಳನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸುತ್ತದೆ? Node.js ಸಿಂಗಲ್ ಥ್ರೆಡೆಡ್ (single threaded) ಎಂದು ಜನರು ಹೇಳುತ್ತಾರೆ. ಆದರೂ, ಇದು ನಿರಂತರವಾಗಿ ಸಾವಿರಾರು ರಿಕ್ವೆಸ್ಟ್‌ಗಳನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ, ಫೈಲ್‌ಗಳನ್ನು ಓದುತ್ತದೆ ಮತ್ತು API ಕಾಲ್‌ಗಳನ್ನು ಮಾಡುತ್ತದೆ. ಇದು ಹೇಗೆ...

JavaScript · 2 min read

The Hidden Cost of Every npm Install

The Hidden Cost of Every npm Install We spent ten years downloading libraries to fix JavaScript. We used moment.js for dates. We used lodash for utilities. We used node fetch for…

JavaScript · 2 min read

ಆಹಾರ ಉತ್ಪಾದನೆಯಲ್ಲಿ UV ಏರ್ ರಿಸೈರ್ಕುಲೇಟರ್‌ಗಳನ್ನು ಬಳಸುವಾಗ ಮಾಡುವ ತಪ್ಪುಗಳು

ಆಹಾರ ಉತ್ಪಾದನೆಯಲ್ಲಿ UV ಏರ್ ರಿಸೈರ್ಕುಲೇಟರ್‌ಗಳನ್ನು ಬಳಸುವಾಗ ಮಾಡುವ ತಪ್ಪುಗಳು. ಆಹಾರ ಉತ್ಪಾದನೆಯಲ್ಲಿ ಗಾಳಿಯ ನೈರ್ಮಲ್ಯವು ಅತ್ಯಗತ್ಯವಾಗಿದೆ. ಪ್ಯಾಕೇಜಿಂಗ್ ಪ್ರದೇಶಗಳು ವಿಶೇಷವಾಗಿ ಸೂಕ್ಷ್ಮವಾಗಿರುತ್ತವೆ. ಗಾಳಿಯಲ್ಲಿರುವ ಸೂಕ್ಷ್ಮಜೀವಿಗಳು ಉತ್ಪನ್ನದ ಗುಣಮಟ್ಟವನ್ನು ಹಾಳುಮಾಡಬಹುದು...

JavaScript · 2 min read

ಸಂವಾದಾತ್ಮಕ ಆಪ್ ಮಾರ್ಗದರ್ಶಿಯನ್ನು ತಯಾರಿಸುವುದು

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

JavaScript · 2 min read

ಅದೃಶ್ಯ ಫ್ರಂಟ್ ಎಂಡ್: ಉತ್ಪನ್ನವನ್ನು ಉಳಿಸುವ ಸಣ್ಣ ನಿರ್ಧಾರಗಳು

ಅದೃಶ್ಯ ಫ್ರಂಟ್ ಎಂಡ್: ಉತ್ಪನ್ನವನ್ನು ಉಳಿಸುವ ಸಣ್ಣ ನಿರ್ಧಾರಗಳು. ಅತ್ಯುತ್ತಮ ಫ್ರಂಟ್ ಎಂಡ್ ಕೆಲಸವು ಎಂದಿಗೂ ಡೆಮೋದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುವುದಿಲ್ಲ. ನಾನು ಹೆಚ್ಚು ಮೌಲ್ಯೀಕರಿಸುವ ಕೆಲಸವು ಅದೃಶ್ಯವಾಗಿರುತ್ತದೆ. ಯಾರೂ ಅದರ ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ. ಆದರೆ...

JavaScript · 2 min read

ಒಂದೇ ಒಂದು ಯಂತ್ರವನ್ನು ಮುಟ್ಟದೆಯೇ ನಾನು ಪ್ರತಿ ಶಾಖೆಯನ್ನು ಹೇಗೆ ಅಪ್‌ಡೇಟ್ ಮಾಡಿದೆ

ಒಂದೇ ಒಂದು ಯಂತ್ರವನ್ನು ಮುಟ್ಟದೆಯೇ ನಾನು ಪ್ರತಿ ಶಾಖೆಯನ್ನು ಹೇಗೆ ಅಪ್‌ಡೇಟ್ ಮಾಡಿದೆ. ನಾನು Electron ಬಳಸಿ ಒಂದು ಆಂತರಿಕ ಡೆಸ್ಕ್‌ಟಾಪ್ ಟೂಲ್ ಅನ್ನು ನಿರ್ಮಿಸಿದೆ. ಇದು ಅನೇಕ ಶಾಖಾ ಕಚೇರಿಗಳ ಯಂತ್ರಗಳಲ್ಲಿ ಚಾಲನೆಯಲ್ಲಿದೆ. ಈ ಕಚೇರಿಗಳು ವಿಭಿನ್ನ...

JavaScript · 2 min read

ರಿಯಾಕ್ಟ್ ಕಾರ್ಯಕ್ಷಮತೆ ಸುಧಾರಣಾ ಪರಿಶೀಲನಾ ಪಟ್ಟಿ

ರಿಯಾಕ್ಟ್ ಕಾರ್ಯಕ್ಷಮತೆ ಸುಧಾರಣಾ ಪರಿಶೀಲನಾ ಪಟ್ಟಿ. ನಿಧಾನಗತಿಯ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ವ್ಯವಹಾರಗಳಿಗೆ ಮಾರಕವಾಗಿವೆ. ಅವು ಹೆಚ್ಚಿನ ಬೌನ್ಸ್ ದರಕ್ಕೆ ಕಾರಣವಾಗುತ್ತವೆ ಮತ್ತು ಬಳಕೆದಾರರಲ್ಲಿ ಅಸಮಾಧಾನ ಉಂಟುಮಾಡುತ್ತವೆ. ಅಲ್ಲದೆ, ಅವು ನಿಮ್ಮ ಮೂಲಸೌಕರ್ಯ ವೆಚ್ಚವನ್ನು ಹೆಚ್ಚಿಸುತ್ತವೆ. ನೀವು...

JavaScript · 2 min read

React ಕಲಿಯುವಿಕೆಯ 5ನೇ ದಿನ: ಬ್ಯಾಚಿಂಗ್ ಮತ್ತು ಫಂಕ್ಷನಲ್ ಅಪ್‌ಡೇಟ್‌ಗಳು

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

JavaScript · 2 min read

ನಿಮ್ಮ ಕನ್ಸೋಲ್ ನಿಮಗೆ ಸುಳ್ಳು ಹೇಳುತ್ತಿದೆ

ನಿಮ್ಮ ಕನ್ಸೋಲ್ ನಿಮಗೆ ಸುಳ್ಳು ಹೇಳುತ್ತಿದೆ. ಡಿಬಗ್ ಮಾಡುವಾಗ ನಿಮ್ಮ ಬ್ರೌಸರ್ DevTools ನಿಮ್ಮನ್ನು ದಾರಿ ತಪ್ಪಿಸಬಹುದು. ಇದು ಕೆಟ್ಟಿಲ್ಲ. ಇದು ಸಂಪೂರ್ಣ ನಿಖರತೆಗಿಂತ ವೇಗಕ್ಕಾಗಿ ಹೆಚ್ಚು ಆಪ್ಟಿಮೈಸ್ ಮಾಡಲ್ಪಟ್ಟಿದೆ. ಅದಕ್ಕೆ ಕಾರಣ ಇಲ್ಲಿದೆ...

JavaScript · 2 min read