The JavaScript and TypeScript ecosystem.
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…
React Context ਨੂੰ ਕਿਵੇਂ ਸੈੱਟਅੱਪ ਕਰੀਏ। Prop drilling ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਖਰਾਬ ਕਰ ਦਿੰਦੀ ਹੈ। ਤੁਸੀਂ ਡਾਟਾ ਨੂੰ ਕੰਪੋਨੈਂਟਸ ਦੀਆਂ ਪੰਜ ਪਰਤਾਂ ਰਾਹੀਂ ਭੇਜਦੇ ਹੋ ਜਿਨ੍ਹਾਂ ਨੂੰ ਇਸਦੀ ਲੋੜ ਨਹੀਂ ਹੁੰਦੀ। React Context ਇਸ ਨੂੰ ਠੀਕ ਕਰਦਾ ਹੈ। ਹਾਲਾਂਕਿ, ਜ਼ਿਆਦਾਤਰ ਸੈੱਟਅੱਪ ਬਣਾਉਂਦੇ ਹਨ...
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 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 ਇੱਕ ਡਿਕਲੇਰੇਟਿਵ (declarative) ਪਹੁੰਚ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਤੁਸੀਂ ਸਟੇਟ (state) ਨੂੰ ਅਪਡੇਟ ਕਰਦੇ ਹੋ, ਅਤੇ React UI ਨੂੰ ਅਪਡੇਟ ਕਰਦਾ ਹੈ। ਇਹ ਜ਼ਿਆਦਾਤਰ ਕੰਮਾਂ ਲਈ ਕੰਮ ਕਰਦਾ ਹੈ। ਪਰ ਕਦੇ-ਕਦੇ ਤੁਹਾਨੂੰ ਇਸ ਤੋਂ ਬਾਹਰ ਨਿਕਲਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ...
React ਵਿੱਚ Key ਵਜੋਂ Index ਇੱਕ ਮਾੜਾ ਵਿਚਾਰ ਕਿਉਂ ਹੈ? ਤੁਸੀਂ React ਵਿੱਚ ਇੱਕ ਡਾਇਨਾਮਿਕ ਲਿਸਟ ਬਣਾਉਂਦੇ ਹੋ। ਤੁਸੀਂ ਇੱਕ ਆਈਟਮ ਡਿਲੀਟ ਕਰਦੇ ਹੋ। ਅਚਾਨਕ, ਕਿਸੇ ਦੂਜੀ ਆਈਟਮ ਦੀ UI ਸਟੇਟ ਬਦਲ ਜਾਂਦੀ ਹੈ। ਜਾਂ, ਤੁਸੀਂ ਇੱਕ ਲਿਸਟ ਨੂੰ ਸੌਰਟ ਕਰਦੇ ਹੋ ਅਤੇ ਇਨ...
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…
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…
TypeScript ਵਿੱਚ Using ਕੀਵਰਡ ਅਤੇ Explicit ਰਿਸੋਰਸ ਮੈਨੇਜਮੈਂਟ। ਪ੍ਰੋਡਕਸ਼ਨ ਵਿੱਚ ਮੈਮੋਰੀ ਲੀਕ ਅਕਸਰ ਇੱਕ ਗਲਤੀ ਕਾਰਨ ਹੁੰਦੀ ਹੈ: ਡਿਵੈਲਪਰ ਰਿਸੋਰਸ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ ਪਰ ਉਹਨਾਂ ਨੂੰ ਰਿਲੀਜ਼ ਕਰਨ ਵਿੱਚ ਅਸਫਲ ਰਹਿੰਦੇ ਹਨ। ਡਾਟਾਬੇਸ ਕਨ…
ਮੈਂ ਇੱਕ ਵੀ ਮਸ਼ੀਨ ਨੂੰ ਹੱਥ ਲਗਾਏ ਬਿਨਾਂ ਸਾਰੀਆਂ ਬ੍ਰਾਂਚਾਂ ਨੂੰ ਕਿਵੇਂ ਅਪਡੇਟ ਕੀਤਾ। ਮੈਂ Electron ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਅੰਦਰੂਨੀ ਡੈਸਕਟੌਪ ਟੂਲ ਬਣਾਇਆ। ਇਹ ਕਈ ਬ੍ਰਾਂਚ ਦਫ਼ਤਰਾਂ ਦੀਆਂ ਮਸ਼ੀਨਾਂ 'ਤੇ ਚੱਲਦਾ ਹੈ। ਇਹ ਦਫ਼ਤਰਾਂ ਕੋਲ ਵੱਖ-ਵੱਖ...
React ਸਿੱਖਣ ਦਾ 5ਵਾਂ ਦਿਨ: Batching ਅਤੇ Functional Updates। ਮੈਨੂੰ ਲੱਗਦਾ ਸੀ ਕਿ state setter ਨੂੰ ਕਈ ਵਾਰ ਕਾਲ ਕਰਨ ਨਾਲ ਕਈ ਵਾਰ renders ਹੁੰਦੇ ਹਨ। ਮੈਂ ਗਲਤ ਸੀ। React ਇਸ ਤੋਂ ਵੀ ਜ਼ਿਆਦਾ ਸਮਝਦਾਰ ਹੈ। ਇਹ ਵਰਤਦਾ ਹੈ...
ਮੇਰੇ ਬੈਕਅੱਪ ਨੇ ਸਾਰੀਆਂ ਫੋਟੋਆਂ ਗੁਆ ਦਿੱਤੀਆਂ। ਮੈਂ ਇੱਕ ਆਫਲਾਈਨ ਮੂਡ ਟ੍ਰੈਕਰ ਲਈ ਬੈਕਅੱਪ ਬਟਨ ਬਣਾਇਆ ਸੀ। ਇਹ ਡੇਟਾ ਨੂੰ ਇੱਕ 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…
ਫਾਇਰਬੇਸ 'ਤੇ ਕਸਟਮ ਈ-ਕਾਮਰਸ। ਮੈਂ ਸ਼ੁਰੂ ਤੋਂ ਹੀ ਇੱਕ ਕਸਟਮ ਈ-ਕਾਮਰਸ ਸਾਈਟ ਬਣਾਈ ਹੈ। ਮੈਂ ਪਹਿਲਾਂ ਤੋਂ ਬਣੇ ਪਲੇਟਫਾਰਮਾਂ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕੀਤੀ। ਮੈਂ Firebase Realtime Database ਅਤੇ Netlify ਦੀ ਵਰਤੋਂ ਕੀਤੀ। ਮਕਸਦ ਇਹ ਸੀ ਕਿ...
Signed Token Between Two PWAs: HMAC SHA256 With No Backend You need to pass user identity from one PWA to another. Both apps run on separate Firebase projects. They share no datab…
JavaScript ਨਾਲ ਆਪਣਾ ਪਹਿਲਾ Discord Bot ਬਣਾਓ। ਤੁਸੀਂ ਇੱਕ Discord ਬੋਟ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ। ਸ਼ਾਇਦ ਤੁਸੀਂ ਬੋਟਸ ਨੂੰ ਸੰਗੀਤ ਵਜਾਉਂਦੇ ਜਾਂ ਪੋਲ ਕਰਦੇ ਦੇਖਦੇ ਹੋ ਅਤੇ ਸੋਚਦੇ ਹੋ ਕਿ ਉਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦੇ ਹਨ। ਇਸ ਲੜੀ ਦੇ ਅੰਤ ਤੱਕ...
7 ਸਾਲਾਂ ਬਾਅਦ ਮੈਂ JavaScript ਵੱਲ ਕਿਉਂ ਵਾਪਸ ਆਇਆ। ਮੈਂ 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…
When React Says Re render, It Means Three Things When you call setState, React does not just update the DOM. It runs three separate phases in a sequence. Most developers confuse t…
100 ਦਿਨ, 87 ਟੂਲ, ਜ਼ੀਰੋ ਸਰਵਰ। ਮੈਂ ToolKnit ਬਣਾਉਣ ਵਿੱਚ 100 ਦਿਨ ਲਗਾਏ। ਇਹ 87 ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਤ ਟੂਲਜ਼ ਦਾ ਇੱਕ ਸੂਟ ਹੈ। ਜ਼ਿਆਦਾਤਰ ਟੂਲ ਸਾਈਟਾਂ ਇਸ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੀਆਂ ਹਨ: ਤੁਸੀਂ ਇੱਕ ਫਾਈਲ ਅਪਲੋਡ ਕਰਦੇ ਹੋ। ਇੱਕ ਸਰਵਰ ਪ੍ਰੋਸੈਸ ਕਰਦਾ ਹੈ...
ਮੈਂ ਇੱਕ ਤਕਨੀਕੀ ਰੋਲ ਲਈ 5 ਉਮੀਦਵਾਰਾਂ ਦਾ ਇੰਟਰਵਿਊ ਲਿਆ। ਮੈਂ ਪਿਛਲੇ ਹਫ਼ਤੇ ਇੱਕ ਫਰੰਟਐਂਡ ਰੋਲ ਲਈ ਪੰਜ ਉਮੀਦਵਾਰਾਂ ਦਾ ਇੰਟਰਵਿਊ ਲਿਆ। ਉਹਨਾਂ ਦਾ ਪਿਛੋਕੜ ਅਤੇ ਹੁਨਰ ਵੱਖ-ਵੱਖ ਸਨ। ਦਿਨ ਦੇ ਅੰਤ ਤੱਕ...
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…
ਹਰ ਡਿਵੈਲਪਰ ਦੁਆਰਾ ਕੀਤੀਆਂ ਜਾਣ ਵਾਲੀਆਂ 25 JSON ਗਲਤੀਆਂ। JSON ਵੈੱਬ ਸੰਚਾਰ ਦੀ ਰੀੜ੍ਹ ਦੀ ਹੱਡੀ ਹੈ। ਇਹ ਹਲਕਾ ਅਤੇ ਪੜ੍ਹਨ ਵਿੱਚ ਆਸਾਨ ਹੈ। ਹਾਲਾਂਕਿ, ਇਸਦੇ ਨਿਯਮ ਸਖ਼ਤ ਹਨ। ਛੋਟੀਆਂ ਗਲਤੀਆਂ ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਖਰਾਬ ਕਰ ਸਕਦੀਆਂ ਹਨ...
GraphQL Fragments: Let Each Component Own Its Data GraphQL queries look clean at first. One request gets all your data. Then your app grows. Your page query starts collecting fiel…
