AI Won The Typescript War
AI Won The Typescript War The debate is over. TypeScript did not win because of better arguments. It won because AI tools made the debate irrelevant. Researchers found a key patte…
GyaanSetu JavaScript
The JavaScript and TypeScript ecosystem.
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half.
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half. A name entered a terminal table and came out broken. The surname was 𠮷田. The first character is not the c…
DOM CRUD ਆਪਰੇਸ਼ਨਾਂ
DOM CRUD ਆਪਰੇਸ਼ਨਾਂ: ਡੌਕੂਮੈਂਟ ਆਬਜੈਕਟ ਮਾਡਲ (DOM) ਉਹ ਤਰੀਕਾ ਹੈ ਜਿਸ ਰਾਹੀਂ ਬ੍ਰਾਊਜ਼ਰ HTML ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ। ਇਹ ਹਰ ਐਲੀਮੈਂਟ, ਐਟਰੀਬਿਊਟ ਅਤੇ ਟੈਕਸਟ ਦੇ ਹਿੱਸੇ ਨੂੰ ਇੱਕ ਆਬਜੈਕਟ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ। JavaScript ਇਹਨਾਂ ਆਬਜੈਕਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ...
React Context ਨੂੰ ਕਿਵੇਂ ਸੈੱਟਅੱਪ ਕਰੀਏ
React Context ਨੂੰ ਕਿਵੇਂ ਸੈੱਟਅੱਪ ਕਰੀਏ। Prop drilling ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਖਰਾਬ ਕਰ ਦਿੰਦੀ ਹੈ। ਤੁਸੀਂ ਡਾਟਾ ਨੂੰ ਕੰਪੋਨੈਂਟਸ ਦੀਆਂ ਪੰਜ ਪਰਤਾਂ ਰਾਹੀਂ ਭੇਜਦੇ ਹੋ ਜਿਨ੍ਹਾਂ ਨੂੰ ਇਸਦੀ ਲੋੜ ਨਹੀਂ ਹੁੰਦੀ। React Context ਇਸ ਨੂੰ ਠੀਕ ਕਰਦਾ ਹੈ। ਹਾਲਾਂਕਿ, ਜ਼ਿਆਦਾਤਰ ਸੈੱਟਅੱਪ ਬਣਾਉਂਦੇ ਹਨ...
Testing Nodejs Digest Emails Without Inbox Noise
Testing Nodejs Digest Emails Without Inbox Noise Digest emails cause problems when preview environments send summaries to one shared mailbox. You lose track of which message belon…
Test Email Change Flows Without Missed Links
Test Email Change Flows Without Missed Links Changing an account email seems small. It is a common trap for QA teams. One tester updates an address. Another person opens the email…
The 3 Second Rule of Web Performance
The 3 Second Rule of Web Performance You have three seconds. After that, your users leave. Google research shows 53% of mobile users abandon a site if it takes longer than 3 secon…
React Refs ਅਤੇ useRef Hook ਦੀ ਵਰਤੋਂ ਕਰਨਾ
React Refs ਅਤੇ useRef Hook ਦੀ ਵਰਤੋਂ ਕਰਨਾ। React ਇੱਕ ਡਿਕਲੇਰੇਟਿਵ (declarative) ਪਹੁੰਚ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਤੁਸੀਂ ਸਟੇਟ (state) ਨੂੰ ਅਪਡੇਟ ਕਰਦੇ ਹੋ, ਅਤੇ React UI ਨੂੰ ਅਪਡੇਟ ਕਰਦਾ ਹੈ। ਇਹ ਜ਼ਿਆਦਾਤਰ ਕੰਮਾਂ ਲਈ ਕੰਮ ਕਰਦਾ ਹੈ। ਪਰ ਕਦੇ-ਕਦੇ ਤੁਹਾਨੂੰ ਇਸ ਤੋਂ ਬਾਹਰ ਨਿਕਲਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ...
React ਵਿੱਚ Key ਵਜੋਂ Index ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਇੱਕ ਮਾੜਾ ਵਿਚਾਰ ਕਿਉਂ ਹੈ?
React ਵਿੱਚ Key ਵਜੋਂ Index ਇੱਕ ਮਾੜਾ ਵਿਚਾਰ ਕਿਉਂ ਹੈ? ਤੁਸੀਂ React ਵਿੱਚ ਇੱਕ ਡਾਇਨਾਮਿਕ ਲਿਸਟ ਬਣਾਉਂਦੇ ਹੋ। ਤੁਸੀਂ ਇੱਕ ਆਈਟਮ ਡਿਲੀਟ ਕਰਦੇ ਹੋ। ਅਚਾਨਕ, ਕਿਸੇ ਦੂਜੀ ਆਈਟਮ ਦੀ UI ਸਟੇਟ ਬਦਲ ਜਾਂਦੀ ਹੈ। ਜਾਂ, ਤੁਸੀਂ ਇੱਕ ਲਿਸਟ ਨੂੰ ਸੌਰਟ ਕਰਦੇ ਹੋ ਅਤੇ ਇਨ...
Track Live Website Visitors Without Subscriptions
Track Live Website Visitors Without Subscriptions A client wanted to see who was on their website in real time. They liked the Tidio widget but did not want to pay for a subscript…
Why You Need the React Key Prop
Why You Need the React Key Prop You see this error in your console: "Each child in a list should have a unique 'key' prop." Many developers ignore it. This is a mistake. This warn…
My Coding Agent Remembered Sessions, Not Work
My Coding Agent Remembered Sessions, Not Work A coding agent can keep a thread alive and still feel forgetful. I ran into this issue while building CliGate. I fixed session contin…
React Lists ਅਤੇ Keys ਵਿੱਚ ਮਹਾਰਤ ਹਾਸਲ ਕਰੋ
React Lists ਅਤੇ Keys ਵਿੱਚ ਮਹਾਰਤ ਹਾਸਲ ਕਰੋ। React ਵਿੱਚ ਲਿਸਟਾਂ ਰੈਂਡਰ ਕਰਨਾ ਸੌਖਾ ਹੈ, ਪਰ ਇਸਨੂੰ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਕਰਨਾ ਮੁਸ਼ਕਲ ਹੈ। ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰ ਐਰੇ ਇੰਡੈਕਸ ਨੂੰ ਕੀ ਵਜੋਂ ਵਰਤਦੇ ਹਨ। ਇਹ ਇੱਕ ਗਲਤੀ ਹੈ। ਇਸ ਨਾਲ ਬੱਗਸ ਅਤੇ...
TypeScript ਵਿੱਚ Using ਕੀਵਰਡ ਅਤੇ Explicit ਰਿਸੋਰਸ ਮੈਨੇਜਮੈਂਟ
TypeScript ਵਿੱਚ Using ਕੀਵਰਡ ਅਤੇ Explicit ਰਿਸੋਰਸ ਮੈਨੇਜਮੈਂਟ। ਪ੍ਰੋਡਕਸ਼ਨ ਵਿੱਚ ਮੈਮੋਰੀ ਲੀਕ ਅਕਸਰ ਇੱਕ ਗਲਤੀ ਕਾਰਨ ਹੁੰਦੀ ਹੈ: ਡਿਵੈਲਪਰ ਰਿਸੋਰਸ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ ਪਰ ਉਹਨਾਂ ਨੂੰ ਰਿਲੀਜ਼ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਰਹਿੰਦੇ ਹਨ। ਡਾਟਾਬੇਸ ਕਨ…
Test Passwordless Login Without Inbox Chaos
Test Passwordless Login Without Inbox Chaos Passwordless login looks easy in a demo. A user enters an email. A magic link arrives. The session starts. In staging, this flow gets m…
Node.js ਹਜ਼ਾਰਾਂ ਰਿਕਵੈਸਟਾਂ ਨੂੰ ਕਿਵੇਂ ਸੰਭਾਲਦਾ ਹੈ
Node.js ਹਜ਼ਾਰਾਂ ਰਿਕਵੈਸਟਾਂ ਨੂੰ ਕਿਵੇਂ ਸੰਭਾਲਦਾ ਹੈ। ਲੋਕ ਕਹਿੰਦੇ ਹਨ ਕਿ Node.js ਸਿੰਗਲ ਥ੍ਰੇਡਡ (single threaded) ਹੈ। ਫਿਰ ਵੀ, ਇਹ ਬਿਨਾਂ ਰੁਕੇ ਹਜ਼ਾਰਾਂ ਰਿਕਵੈਸਟਾਂ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ, ਫਾਈਲਾਂ ਪੜ੍ਹਦਾ ਹੈ ਅਤੇ API ਕਾਲਾਂ ਕਰਦਾ ਹੈ। ਇਹ ਕਿਵੇਂ...
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…
Mistakes When Using UV Air Recirculators in Food Production
Mistakes When Using UV Air Recirculators in Food Production Air hygiene is vital in food production. Packaging areas are especially sensitive. Airborne microbes can ruin product q…
ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਐਪ ਗਾਈਡ ਤਿਆਰ ਕਰਨਾ
ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਐਪ ਗਾਈਡ ਤਿਆਰ ਕਰਨਾ। ਸਪੋਰਟ ਟੀਮਾਂ ਨੂੰ ਅਕਸਰ ਉਨ੍ਹਾਂ ਐਪਸ ਨਾਲ ਮੁਸ਼ਕਲ ਆਉਂਦੀ ਹੈ ਜੋ ਉਨ੍ਹਾਂ ਨੇ ਕਦੇ ਇੰਸਟਾਲ ਨਹੀਂ ਕੀਤੀਆਂ। ਸਕ੍ਰੀਨਸ਼ੌਟਸ ਵਾਲੀ ਇੱਕ PDF ਇੱਕ ਮਿਆਰੀ ਹੱਲ ਹੈ। ਜ਼ਿਆਦਾਤਰ ਲੋਕ PDF ਨਹੀਂ ਪੜ੍ਹਦੇ...
The Invisible Frontend: Small Decisions That Save a Product
The Invisible Frontend: Small Decisions That Save a Product The best frontend work never shows up in a demo. The work I value most is invisible. No one takes screenshots of it. Bu…
ਮੈਂ ਇੱਕ ਵੀ ਮਸ਼ੀਨ ਨੂੰ ਹੱਥ ਲਗਾਏ ਬਿਨਾਂ ਸਾਰੀਆਂ ਬ੍ਰਾਂਚਾਂ ਨੂੰ ਕਿਵੇਂ ਅਪਡੇਟ ਕੀਤਾ
ਮੈਂ ਇੱਕ ਵੀ ਮਸ਼ੀਨ ਨੂੰ ਹੱਥ ਲਗਾਏ ਬਿਨਾਂ ਸਾਰੀਆਂ ਬ੍ਰਾਂਚਾਂ ਨੂੰ ਕਿਵੇਂ ਅਪਡੇਟ ਕੀਤਾ। ਮੈਂ Electron ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਅੰਦਰੂਨੀ ਡੈਸਕਟੌਪ ਟੂਲ ਬਣਾਇਆ। ਇਹ ਕਈ ਬ੍ਰਾਂਚ ਦਫ਼ਤਰਾਂ ਦੀਆਂ ਮਸ਼ੀਨਾਂ 'ਤੇ ਚੱਲਦਾ ਹੈ। ਇਹ ਦਫ਼ਤਰਾਂ ਕੋਲ ਵੱਖ-ਵੱਖ...
React Performance Optimisation Checklist
React Performance Optimisation Checklist Slow applications kill businesses. They cause high bounce rates and frustrate users. They also increase your infrastructure costs. You do…
React ਸਿੱਖਣ ਦਾ 5ਵਾਂ ਦਿਨ: Batching ਅਤੇ Functional Updates
React ਸਿੱਖਣ ਦਾ 5ਵਾਂ ਦਿਨ: Batching ਅਤੇ Functional Updates। ਮੈਨੂੰ ਲੱਗਦਾ ਸੀ ਕਿ state setter ਨੂੰ ਕਈ ਵਾਰ ਕਾਲ ਕਰਨ ਨਾਲ ਕਈ ਵਾਰ renders ਹੁੰਦੇ ਹਨ। ਮੈਂ ਗਲਤ ਸੀ। React ਇਸ ਤੋਂ ਵੀ ਜ਼ਿਆਦਾ ਸਮਝਦਾਰ ਹੈ। ਇਹ ਵਰਤਦਾ ਹੈ...
ਤੁਹਾਡਾ ਕੰਸੋਲ ਤੁਹਾਡੇ ਨਾਲ ਝੂਠ ਬੋਲ ਰਿਹਾ ਹੈ
ਤੁਹਾਡਾ ਕੰਸੋਲ ਤੁਹਾਡੇ ਨਾਲ ਝੂਠ ਬੋਲ ਰਿਹਾ ਹੈ। ਡਿਬੱਗਿੰਗ ਦੌਰਾਨ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ DevTools ਤੁਹਾਨੂੰ ਗੁਮਰਾਹ ਕਰ ਸਕਦੇ ਹਨ। ਇਹ ਖਰਾਬ ਨਹੀਂ ਹੈ। ਇਹ ਸਪੀਡ ਲਈ ਆਪਟੀਮਾਈਜ਼ਡ ਹੈ, ਨਾ ਕਿ ਪੂਰੀ ਸ਼ੁੱਧਤਾ ਲਈ। ਇੱਥੇ ਦੱਸਿਆ ਗਿਆ ਹੈ ਕਿ ਤੁਸੀਂ ਕਿਉਂ ਨਹੀਂ ਕਰ ਸਕਦੇ...