اکوسیستم جاوااسکریپت و تایپاسکریپت.
نسخه پشتیبان من تمام عکسها را از دست داد. من یک دکمه پشتیبانگیری برای یک ردیاب وضعیت روحی آفلاین ساختم. این دکمه دادهها را در یک فایل 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…
تایپاسکریپت پیروز شد. آنچه واقعاً برای ما به ارمغان آورده است. دیگر کسی درباره استفاده از تایپاسکریپت بحث نمیکند. پروژههای جدید بهصورت پیشفرض از آن استفاده میکنند. بحث تمام شده است. ارزش واقعی فقط در...
React در مقابل Next.js: کدام را باید یاد بگیرید؟ مبتدیها اغلب میپرسند که آیا باید ابتدا React را یاد بگیرند یا Next.js را. انتخاب اشتباه باعث کند شدن پیشرفت شما میشود. این راهنما به شما کمک میکند تا بر اساس...
تجارت الکترونیک سفارشی روی فایربیس؛ من یک سایت تجارت الکترونیک سفارشی را از صفر ساختم. از پلتفرمهای آماده استفاده نکردم و به جای آن از Firebase Realtime Database و Netlify استفاده کردم. هدف این بود که...
توکن امضا شده بین دو PWA: استفاده از HMAC SHA256 بدون بکاند. شما نیاز دارید هویت کاربر را از یک PWA به PWA دیگر منتقل کنید. هر دو اپلیکیشن روی پروژههای مجزای Firebase اجرا میشوند و هیچ پایگاه دادهای با هم مشترک ندارند...
اولین بات دیسکورد خود را با جاوااسکریپت بسازید. شما میخواهید یک بات دیسکورد بسازید. شاید باتهایی را ببینید که موسیقی پخش میکنند یا نظرسنجی برگزار میکنند و از خود بپرسید که آنها چگونه کار میکنند. در پایان این مجموعه...
چرا پس از ۷ سال دوباره به سراغ جاوااسکریپت رفتم. من یک توسعهدهنده UI با ۷ سال تجربه هستم. HTML و CSS را بلدم و میتوانم طرحهای فیگما را به کد تبدیل کنم. اما هرگز احساس نکردم که یک توسعهدهنده واقعی...
شما از لیستهای پیوندی استفاده نمیکنید، اما آنها نیمی از نرمافزار شما را اجرا میکنند. احتمالاً هرگز در یک پروژه جاوااسکریپت عملیاتی، یک لیست پیوندی نخواهید نوشت. آرایههای داخلی زبان شما...
تایپاسکریپت پیروز شد؛ این همان چیزی است که به دست آوردیم. بحث و جدلها تمام شده است. اکثر پروژههای جدید فرانتاند بهصورت پیشفرض از تایپاسکریپت استفاده میکنند. دیگر کسی بر سر استفاده از آن بحث نمیکند. ارزش واقعی...
پایگاه داده اپلیکیشنم را با یک پوشه گوگل درایو جایگزین کردم. میخواستم پیشرفت موسیقی دخترم را دنبال کنم. او هر هفته کلیپهای صوتی و یادداشتهایی از معلمش دریافت میکند. میخواستم لیست...
عیبیابی این موارد. مبتدیها فکر میکنند توسعهدهندگان باسابقه اشتباه نمیکنند. اما واقعیت متفاوت است؛ توسعهدهندگان باسابقه فقط اشتباهات را سریعتر پیدا میکنند. من یک پروژه فولاستک ساختم...
وقتی ریاکت میگوید «رندر مجدد»، یعنی سه چیز. وقتی setState را فراخوانی میکنید، ریاکت فقط DOM را بهروزرسانی نمیکند، بلکه سه مرحله مجزا را به صورت متوالی اجرا میکند. بیشتر توسعهدهندگان ...
Rust زنجیره ابزارهای جاوااسکریپت را بلعید. سپس Cloudflare آن را خرید. Vite نحوه عملکرد آن را تغییر داد. این فرآیند از دو ابزار به یک خط لوله (pipeline) واحد تبدیل شد. روش قدیمی از esbuild برای توسعه استفاده میکرد...
آنچه ساخت Pagelyze درباره React به من آموخت. ساخت Pagelyze دیدگاه من را نسبت به React تغییر داد. من از نگاه کردن به تئوری دست کشیدم و شروع به بررسی معماری محصول کردم. Pagelyze یک وب...
کپی سطحی در مقابل کپی عمیق در جاوااسکریپت. جاوااسکریپت بسته به نوع داده، کپی کردن را به دو روش انجام میدهد. مقادیر اولیه (کپی بر اساس مقدار)؛ انواع اولیه شامل رشتهها، اعداد...
۱۰۰ روز، ۸۷ ابزار، بدون هیچ سروری. من ۱۰۰ روز را صرف ساخت ToolKnit کردم. این مجموعهای از ۸۷ ابزار مبتنی بر مرورگر است. اکثر سایتهای ابزاری به این صورت عمل میکنند: شما یک فایل را آپلود میکنید و یک سرور آن را پردازش میکند...
با ۵ کاندیدا برای یک موقعیت شغلی فنی مصاحبه کردم. هفته گذشته با پنج کاندیدا برای یک موقعیت شغلی فرانتاند مصاحبه کردم. آنها پیشینهها و مهارتهای متفاوتی داشتند. تا پایان روز...
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…
متدهای آرایههای جاوااسکریپت - بخش ۱. آرایه یک شیء خاص در جاوااسکریپت است که چندین مقدار را در یک متغیر ذخیره میکند. به جای ایجاد متغیرهای جداگانه برای هر دانشآموز: ل...
۲۵ اشتباه JSON که هر توسعهدهندهای مرتکب میشود. JSON ستون فقرات ارتباطات وب است؛ سبک است و به راحتی خوانده میشود. با این حال، قوانین آن سختگیرانه است و خطاهای کوچک میتوانند باعث از کار افتادن کد شما شوند...
Fragmentهای GraphQL: اجازه دهید هر کامپوننت مالک دادههای خود باشد. کوئریهای GraphQL در ابتدا تمیز به نظر میرسند. یک درخواست تمام دادههای شما را دریافت میکند. سپس اپلیکیشن شما رشد میکند. کوئری صفحه شما شروع به جمعآوری فیلد...
ریاکت در مقابل آنگولار و ویو: چگونه یکی را انتخاب کنیم؟ انتخاب یک فریمورک فرانتاند مثل یک تله به نظر میرسد. هر پست وبلاگی ادعا میکند که یک برنده وجود دارد. بخش نظرات به یک میدان جنگ تبدیل میشود. حقیقت اینجاست...
React Context در مقابل Zustand: چه زمانی از کدام استفاده کنیم؟ توسعهدهندگان اغلب در مدیریت state در React مرتکب یک اشتباه میشوند؛ آنها از Context به شکل نادرست استفاده میکنند و سپس Context را مقصر مشکلات عملکردی (performance) میدانند. این...
