‏FormEngine؛ فرم‌های ری‌اکت رو با JSON بساز

سایت OptimaJet سه‌تا قطعه رو کنار هم معرفی می‌کنه. اولی FormEngine Core ـه: یه کتابخونهٔ سبک سمت کلاینت که فرم رو از روی توضیح JSON توی اپ ری‌اکت رندر می‌کنه. دومی کتابخونهٔ کامپوننت‌هاست، یه مجموعه UI آماده که برای همین هسته تنظیم شده. سومی Form Builder یا همون Designer ـه، یه ابزار درگ‌اند‌دراپ برای ساختن همون JSON.

نکتهٔ لایسنس مهمه و توی سوالات متداول صریح گفته شده: Core و کامپوننت‌ها MIT و کاملاً رایگانن، حتی برای پروژهٔ تجاری، ولی Form Builder یه محصول تجاری جداست که پلن‌هاش از یه لایسنس تک‌دامنه شروع می‌شن. پس اگه فقط رندر فرم از روی JSON رو می‌خوای، چیزی پرداخت نمی‌کنی.

کل تعریف فرم، یعنی ساختار، منطق، استایل، ولیدیشن و اکشن‌ها، توی یه آبجکت JSON جمع می‌شه. نتیجه‌ش اینه که یه فرم رو با کپی کردن همون آبجکت بین اپ‌ها می‌بری، یا از روی داده‌های سرور به‌صورت داینامیک فرم می‌سازی. ولیدیشن، لوکالیزیشن، اکشن‌های submit و reset و منطق شرطی (نمایش یا مخفی کردن فیلد بر اساس مقدار یه فیلد دیگه) از همون اول داخل خودش هست.

از نظر اکوسیستم، پروژه با TypeScript نوشته شده و تایپ کامل داره، بستهٔ کامپوننت آماده برای RSuite، Mantine، MUI و shadcn/ui می‌ده و طبق مستندات با Next.js و Remix بدون تنظیم خاصی کار می‌کنه. سایت می‌گه پروژه بالای 175 ستارهٔ گیت‌هاب داره و شرکت‌هایی مثل Bosch، Philips، Dell و Novartis ازش استفاده می‌کنن، که ادعای خود سازنده‌ست.

مقایسه‌ای هم با React Hook Form مطرح کرده: اون یکی کدمحوره و این یکی JSON محور، پس برای اپ‌هایی که ساختار فرمشون از سمت بک‌اند میاد مناسب‌تره. نصب هسته با npm i @react-form-builder/core انجام می‌شه.

نکات کلیدی:

• FormEngine Core و کتابخونهٔ کامپوننت‌ها لایسنس MIT دارن و رایگانن
• Form Builder درگ‌اند‌دراپ محصول تجاری جداست با پلن تک‌دامنه به بالا
• کل ساختار، منطق، استایل، ولیدیشن و اکشن فرم توی یه آبجکت JSON جا می‌گیره
• بستهٔ کامپوننت آماده برای RSuite، Mantine، MUI و shadcn/ui داره
• برخلاف React Hook Form که کدمحوره، اینجا فرم از روی JSON ساخته می‌شه
• نصب هسته با پکیج @react-form-builder/core