اکوسیستم جاوااسکریپت و تایپاسکریپت.
هوش مصنوعی در جنگ تایپاسکریپت پیروز شد. بحث و جدل به پایان رسید. تایپاسکریپت به دلیل استدلالهای بهتر پیروز نشد، بلکه به این دلیل پیروز شد که ابزارهای هوش مصنوعی این بحث را بیاهمیت کردند. محققان الگوی کلیدیای را یافتند...
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…
عملیات CRUD در DOM؛ مدل شیء سند (DOM) روشی است که مرورگرها از طریق آن HTML را نمایش میدهند. این مدل هر عنصر، ویژگی و بخش متنی را به یک شیء تبدیل میکند. جاوااسکریپت از این اشیاء استفاده میکند...
نحوه راهاندازی React Context. مشکل Prop drilling کد شما را به هم میریزد؛ زمانی که دادهها را از میان چندین لایه از کامپوننتهایی عبور میدهید که اصلاً به آنها نیازی ندارند. React Context این مشکل را حل میکند، اما اکثر روشهای راهاندازی...
آزمایش ایمیلهای خلاصهشده Nodejs بدون ایجاد مزاحمت در صندوق ورودی. ایمیلهای خلاصهشده زمانی که محیطهای پیشنمایش، خلاصهها را به یک صندوق ورودی مشترک ارسال میکنند، مشکلساز میشوند. در این حالت دیگر نمیتوانید تشخیص دهید که هر پیام متعلق به...
تست جریانهای تغییر ایمیل بدون از دست دادن لینکها. تغییر ایمیل حساب کاربری موضوع کوچکی به نظر میرسد، اما این یک تله رایج برای تیمهای QA است. یک تستکننده آدرس را بهروزرسانی میکند و شخص دیگری ایمیل را باز میکند...
قانون ۳ ثانیهای در عملکرد وب؛ شما فقط سه ثانیه فرصت دارید. پس از آن، کاربران شما سایت را ترک میکنند. تحقیقات گوگل نشان میدهد که اگر بارگذاری یک سایت بیش از ۳ ثانیه طول بکشد، ۵۳٪ از کاربران موبایل آن را ترک میکنند...
استفاده از React Refs و هوک useRef. ریاکت از یک رویکرد declaritive استفاده میکند. شما state را بهروزرسانی میکنید و ریاکت رابط کاربری (UI) را بهروزرسانی میکند. این روش برای اکثر کارها مناسب است، اما گاهی اوقات نیاز است که از...
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…
ردیابی زنده بازدیدکنندگان وبسایت بدون نیاز به اشتراک. مشتری میخواست ببیند چه کسانی در لحظه در وبسایت او حضور دارند. آنها ویجت Tidio را دوست داشتند اما نمیخواستند هزینهی اشتراک را بپردازند...
چرا به ویژگی (prop) key در ریاکت نیاز دارید؟ شما این خطا را در کنسول خود میبینید: "Each child in a list should have a unique 'key' prop". بسیاری از توسعهدهندگان آن را نادیده میگیرند. این یک اشتباه است. این هشدار...
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. رندر کردن لیستها در React ساده است، اما انجام درست آن دشوار است. بسیاری از توسعهدهندگان از ایندکس آرایه به عنوان کلید استفاده میکنند. این یک اشتباه است و منجر به باگها و ...
استفاده از کلمه کلیدی using در تایپاسکریپت و مدیریت صریح منابع. نشت حافظه در محیط عملیاتی اغلب از یک خطا ناشی میشود: توسعهدهندگان منابع را دریافت میکنند اما در آزادسازی آنها موفق نمیشوند. اتصال به پایگاه داده...
آزمایش ورود بدون رمز عبور بدون آشفتگی در صندوق ورودی. ورود بدون رمز عبور در یک دمو آسان به نظر میرسد. کاربر یک ایمیل وارد میکند. یک لینک جادویی میرسد. نشست شروع میشود. در محیط استیجینگ، این فرآیند...
Node.js چگونه هزاران درخواست را مدیریت میکند؟ مردم میگویند Node.js تکرشتهای است. با این حال، این محیط بدون توقف هزاران درخواست را مدیریت میکند، فایلها را میخواند و فراخوانیهای API انجام میدهد. چگونه...
هزینه پنهان هر بار نصب npm. ما ده سال را صرف دانلود کتابخانهها برای اصلاح جاوااسکریپت کردیم. از moment.js برای تاریخها استفاده کردیم. از lodash برای ابزارهای کمکی استفاده کردیم. از node fetch برای...
اشتباهات هنگام استفاده از دستگاههای بازچرخان هوای UV در تولید مواد غذایی. بهداشت هوا در تولید مواد غذایی حیاتی است. مناطق بستهبندی بهویژه حساس هستند. میکروبهای موجود در هوا میتوانند کیفیت محصول را...
ساخت یک راهنمای تعاملی برای اپلیکیشن؛ تیمهای پشتیبانی اغلب با اپلیکیشنهایی که هرگز نصب نکردهاند، دست و پنجه نرم میکنند. استفاده از فایلهای PDF همراه با اسکرینشات، راهکار رایج است، اما اکثر مردم فایلهای PDF را نمیخوانند...
فرانتاند نامرئی: تصمیمات کوچکی که یک محصول را نجات میدهند. بهترین کارهای فرانتاند هرگز در یک دمو دیده نمیشوند. کاری که من بیش از همه برای آن ارزش قائلم، نامرئی است. هیچکس از آن اسکرینشات نمیگیرد. اما...
چطور بدون دست زدن به حتی یک دستگاه، تمام شعب را بهروزرسانی کردم. من یک ابزار دسکتاپ داخلی با استفاده از Electron ساختم که روی دستگاههای بسیاری از شعب مختلف اجرا میشود. این دفاتر دارای...
چکلیست بهینهسازی عملکرد React. اپلیکیشنهای کند باعث نابودی کسبوکارها میشوند. آنها باعث افزایش نرخ پرش شده و کاربران را کلافه میکنند. همچنین هزینههای زیرساختی شما را افزایش میدهند. شما باید...
روز پنجم یادگیری ریاکت: Batching و Functional Updates. فکر میکردم فراخوانی چندینبارهی یک state setter باعث رندر شدنهای متعدد میشود. اما اشتباه میکردم. ریاکت هوشمندتر از این حرفهاست. ریاکت از...
کنسول شما دارد به شما دروغ میگوید. ابزارهای توسعه (DevTools) مرورگر شما ممکن است در حین عیبیابی شما را گمراه کنند. این ابزار خراب نیست، بلکه برای سرعت بهینه شده است، نه برای دقت بینقص. در اینجا دلیل اینکه چرا نمیتوانید...
