TanStack Redact چیست؟ جایگزینی کوچک‌تر برای React با تمرکز بر Performance

TanStack Redact چیست؟ جایگزینی کوچک‌تر برای React با تمرکز بر Performance

اکوسیستم React همیشه در حال پیشرفت است؛ از قابلیت‌هایی مانند Server Components و Concurrent Rendering گرفته تا ابزارهای جدیدی که با هدف بهبود تجربه توسعه‌دهندگان و کاربران ساخته می‌شوند.

اما یک موضوع همچنان اهمیت زیادی دارد: چگونه می‌توان یک اپلیکیشن React ساخت که بدون قربانی کردن تجربه توسعه، JavaScript کمتری به مرورگر ارسال کند؟

یکی از پروژه‌هایی که اخیراً با همین هدف توجه زیادی جلب کرده، TanStack Redact است؛ یک Runtime جایگزین برای React که تلاش می‌کند با حفظ APIها، کامپوننت‌ها و Hookهای آشنای React، حجم Runtime سمت مرورگر را کاهش دهد.

در این مقاله بررسی می‌کنیم Redact دقیقاً چیست، چگونه کار می‌کند، چه تفاوتی با React دارد و آیا استفاده از آن در پروژه‌های واقعی ارزشمند است یا خیر.

TanStack Redact چیست؟

TanStack Redact یک Runtime جایگزین برای اپلیکیشن‌های React است که با هدف ارائه پیاده‌سازی کوچک‌تر و ساده‌تر از React و React DOM توسعه داده شده است.

نکته مهم این است که Redact یک Framework جدید یا جایگزین کامل اکوسیستم React نیست. این پروژه تلاش می‌کند همان مدل کامپوننت‌محور و APIهای React را با یک پیاده‌سازی متفاوت در اختیار توسعه‌دهندگان قرار دهد.

به کمک Redact می‌توان همچنان از موارد زیر استفاده کرد:

• Function Components
• React Hooks
• Context API
• Refs
• Memoization
• Lazy Components
• Portals
• Error Boundaries
• Suspense
• Server-Side Rendering و Hydration

یکی از ویژگی‌های مهم این پروژه، عدم نیاز به تغییر گسترده در کدهای اپلیکیشن است. می‌توان همچنان از Importهای آشنای React استفاده کرد و با تغییر تنظیمات Build، Runtime مرورگر را به Redact سپرد.

برای مثال، کد زیر بدون تغییر در مدل برنامه‌نویسی قابل استفاده است:

import { useState } from 'react'

function Counter() {
  const [count, setCount] = useState(0)

  return (
    <button onClick={() => setCount((count) => count + 1)}>
      Clicked {count} times
    </button>
  )
}

export default Counter

این یعنی هدف Redact بازنویسی اپلیکیشن‌های React نیست؛ بلکه تغییر بخشی از زیرساخت اجرای آن‌هاست.

چرا TanStack سراغ ساخت Redact رفت؟

React یک اکوسیستم قدرتمند و بالغ است و طبیعی است که با گذشت زمان قابلیت‌های بیشتری به آن اضافه شوند.