یادداشت‌های میدانی

یادداشت‌هایی از مرز فرانت‌اند.

یادداشت‌های کاری درباره معماری، کارایی و واقعیتِ پرچالشِ ساختِ محصولات React و React Native — نوشته‌شده از دلِ صرافی‌های کریپتو، سامانه‌های امنیت سایبری و پلتفرم‌های سلامت.

7 یادداشتReact · React Native · Three.js · کارایی · معماریهم‌زمان با یادگیری به‌روز می‌شود

همه یادداشت‌ها

نمایش 7
motion
React

Framer Motion: هماهنگی مهم‌تر از انیمیشن

هرکسی می‌تواند یک div را محو کند. هنر در طراحیِ رقص است — نمایش‌های پلکانی، انتقال‌های layout مشترک و دانستنِ اینکه کِی حرکت باید کنار برود.

آذر ۱۴۰۴۶ دقیقه
throughput
کارایی

عرضهٔ یک داشبوردِ SaaS امنیت سایبری زیر بار

هزاران رویدادِ زنده، جدول‌های مجازی‌سازی‌شده و یک بودجهٔ رندر. یادداشت‌هایی از NAXON دربارهٔ windowing، مرزهای suspense و آرام نشان دادنِ «بلادرنگ».

آذر ۱۴۰۴۱۲ دقیقه
gesture
React Native

ژست‌هایی در React Native که واقعاً بومی حس می‌شوند

Reanimated و Gesture Handler روی ترِد UI تفاوتِ یک نمونهٔ اولیه و یک محصول است. ساختِ یک شیتِ کشویی که حتی روی اندرویدِ میان‌رده هم فریم نمی‌اندازد.

دی ۱۴۰۴۱۰ دقیقه
state
React

استیت بدون اشک: کجا Zustand از Redux بهتر است

هر اپ به یک کلیسای reducer نیاز ندارد. نقشه‌ای عمل‌گرایانه از اینکه کدام استیت در URL، در React Query، در Zustand و در استیتِ سادهٔ کامپوننت جای دارد.

دی ۱۴۰۴۷ دقیقه
headless
معماری

هدلس در مقیاس: الگوهای Strapi و Payload که همیشه سراغشان می‌روم

تصمیم‌های مدل‌سازیِ محتوا در روزِ اول تعیین می‌کنند سالِ دوم لذت‌بخش باشد یا نه. بلوک‌های کامپوننتی، پیش‌نویس/انتشار و یک لایهٔ fetch تایپ‌دار که از تغییرِ اسکیما جان به‌در می‌برد.

بهمن ۱۴۰۴۹ دقیقه
webgl
Three.js

رام کردنِ WebGL: یک هیروِ Three.js که LCP را خراب نمی‌کند

میدانِ ذرات زیباست و راهی عالی برای نابودیِ Core Web Vitals. مقداردهیِ تنبل پس از اولین رندر، محدودکردنِ device-pixel-ratio و توقفِ حلقهٔ رندر خارج از دید — همان دستورِ پشتِ هیروِ همین سایت.

بهمن ۱۴۰۴۸ دقیقه
هنوز یادداشتی با این فیلتر نیست.

یادداشت‌های تازه را در ایمیل بگیرید

گاه‌به‌گاه و بدون اسپم؛ وقتی چیزی ارزشِ وقتت را داشته باشد منتشر می‌کنم. معماری فرانت‌اند، کارایی و درس‌هایی از کارِ واقعیِ محصول.