React: تحليل إعدادات JSON الديناميكية بأمان

نموذج التهديد

احمِ التطبيق من مفاتيح __proto__، وامنع eval، ولا تعرض HTML خامًا من JSON مباشرة.

fetch -> JSON.parse -> تحقق zod/Schema -> تحويل إلى props مع قيم افتراضية.

const ConfigSchema = z.object({ theme: z.enum(["light", "dark"]) });
const config = ConfigSchema.parse(JSON.parse(raw));

تحقق أيضًا من JSON في localStorage، واستخدم version لتسهيل ترحيلات المخطط.

الأنواع الساكنة لا تكفي مع بيانات خارجية؛ التحقق وقت التشغيل يظل إلزاميًا.