The JavaScript and TypeScript ecosystem.
ਮੇਰੇ ਬੈਕਅੱਪ ਨੇ ਸਾਰੀਆਂ ਫੋਟੋਆਂ ਗੁਆ ਦਿੱਤੀਆਂ। ਮੈਂ ਇੱਕ ਆਫਲਾਈਨ ਮੂਡ ਟ੍ਰੈਕਰ ਲਈ ਬੈਕਅੱਪ ਬਟਨ ਬਣਾਇਆ ਸੀ। ਇਹ ਡੇਟਾ ਨੂੰ ਇੱਕ 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 ਜਿੱਤ ਗਿਆ। ਇੱਥੇ ਹੈ ਕਿ ਇਸਨੇ ਸਾਨੂੰ ਅਸਲ ਵਿੱਚ ਕੀ ਦਿੱਤਾ ਹੈ। ਹੁਣ TypeScript ਦੀ ਵਰਤੋਂ ਬਾਰੇ ਕੋਈ ਬਹਿਸ ਨਹੀਂ ਕਰਦਾ। ਨਵੇਂ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਇਸਦੀ ਵਰਤੋਂ ਡਿਫੌਲਟ ਰੂਪ ਵਿੱਚ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਬਹਿਸ ਖਤਮ ਹੋ ਚੁੱਕੀ ਹੈ। ਅਸਲ ਮੁੱਲ ਸਿਰਫ਼ ਕੇਵਲ...
React ਬਨਾਮ Next.js: ਤੁਹਾਨੂੰ ਕਿਹੜਾ ਸਿੱਖਣਾ ਚਾਹੀਦਾ ਹੈ? ਨਵੇਂ ਸਿੱਖਣ ਵਾਲੇ ਅਕਸਰ ਪੁੱਛਦੇ ਹਨ ਕਿ ਉਹਨਾਂ ਨੂੰ ਪਹਿਲਾਂ React ਸਿੱਖਣਾ ਚਾਹੀਦਾ ਹੈ ਜਾਂ Next.js। ਗਲਤ ਚੋਣ ਤੁਹਾਡੀ ਤਰੱਕੀ ਨੂੰ ਹੌਲੀ ਕਰ ਸਕਦੀ ਹੈ। ਇਹ ਗਾਈਡ ਤੁਹਾਨੂੰ ਇਹ ਫੈਸਲਾ ਲੈਣ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ...
ਫਾਇਰਬੇਸ 'ਤੇ ਕਸਟਮ ਈ-ਕਾਮਰਸ। ਮੈਂ ਸ਼ੁਰੂ ਤੋਂ ਹੀ ਇੱਕ ਕਸਟਮ ਈ-ਕਾਮਰਸ ਸਾਈਟ ਬਣਾਈ ਹੈ। ਮੈਂ ਪਹਿਲਾਂ ਤੋਂ ਬਣੇ ਪਲੇਟਫਾਰਮਾਂ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕੀਤੀ। ਮੈਂ 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…
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…
Debugging This Stuff Beginners think experienced developers do not make mistakes. The truth is different. Experienced developers just find mistakes faster. I built a full stack pr…
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…
Rust ਨੇ JavaScript Toolchain ਨੂੰ ਖਾ ਲਿਆ। ਫਿਰ Cloudflare ਨੇ ਇਸਨੂੰ ਖਰੀਦ ਲਿਆ। Vite ਨੇ ਇਸਦੇ ਕੰਮ ਕਰਨ ਦੇ ਤਰੀਕੇ ਨੂੰ ਬਦਲ ਦਿੱਤਾ। ਇਹ ਦੋ ਟੂਲਜ਼ ਤੋਂ ਇੱਕ ਸਿੰਗਲ ਪਾਈਪਲਾਈਨ ਵਿੱਚ ਬਦਲ ਗਿਆ। ਪੁਰਾਣੇ ਤਰੀਕੇ ਵਿੱਚ ਡਿਵੈਲਪਮੈਂਟ ਲਈ esbuild ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਸੀ...
What Building Pagelyze Taught Me About React Building Pagelyze changed my view on React. I stopped looking at theory and started looking at product architecture. Pagelyze is a web…
Shallow Copy vs Deep Copy in JavaScript JavaScript handles copying in two ways depending on the data type. Primitive Values (Copy by Value) Primitive types include strings, number…
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…
JavaScript ਐਰੇ ਮੈਥਡਸ ਭਾਗ 1। JavaScript ਵਿੱਚ ਇੱਕ ਐਰੇ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਆਬਜੈਕਟ ਹੈ। ਇਹ ਇੱਕ ਹੀ ਵੇਰੀਏਬਲ ਵਿੱਚ ਕਈ ਵੈਲਯੂਜ਼ (values) ਸਟੋਰ ਕਰਦਾ ਹੈ। ਹਰ ਵਿਦਿਆਰਥੀ ਲਈ ਵੱਖਰੇ ਵੇਰੀਏਬਲ ਬਣਾਉਣ ਦੀ ਬਜਾਏ: l…
ਹਰ ਡਿਵੈਲਪਰ ਦੁਆਰਾ ਕੀਤੀਆਂ ਜਾਣ ਵਾਲੀਆਂ 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…
React vs Angular vs Vue: ਇੱਕ ਦੀ ਚੋਣ ਕਿਵੇਂ ਕਰੀਏ। ਫਰੰਟਐਂਡ ਫਰੇਮਵਰਕ ਦੀ ਚੋਣ ਕਰਨਾ ਇੱਕ ਜਾਲ ਵਾਂਗ ਮਹਿਸੂਸ ਹੁੰਦਾ ਹੈ। ਹਰ ਬਲੌਗ ਪੋਸਟ ਇੱਕ ਨੂੰ ਜੇਤੂ ਦੱਸਦੀ ਹੈ। ਕਮੈਂਟ ਸੈਕਸ਼ਨ ਇੱਕ ਜੰਗ ਵਿੱਚ ਬਦਲ ਜਾਂਦਾ ਹੈ। ਇੱਥੇ ਸੱਚਾਈ ਹੈ...
React Context ਬਨਾਮ Zustand: ਕਿਹੜਾ ਕਦੋਂ ਵਰਤਣਾ ਹੈ। ਡਿਵੈਲਪਰ ਅਕਸਰ React state ਨਾਲ ਇੱਕ ਗਲਤੀ ਕਰਦੇ ਹਨ। ਉਹ Context ਦੀ ਗਲਤ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਅਤੇ ਫਿਰ ਪਰਫਾਰਮੈਂਸ ਦੀਆਂ ਸਮੱਸਿਆਵਾਂ ਲਈ Context ਨੂੰ ਦੋਸ਼ੀ ਮੰਨਦੇ ਹਨ। ਇਹ...
