logo by @sawaratsuki1004
React
v19.2
تعلم
مرجع
المجتمع
المدونة

هل هذه الصفحة مفيدة؟

    react@19.2

  • نظرة عامة
  • Hooks
    • useActionState
    • useCallback
    • useContext
    • useDebugValue
    • useDeferredValue
    • useEffect
    • useEffectEvent
    • useId
    • useImperativeHandle
    • useInsertionEffect
    • useLayoutEffect
    • useMemo
    • useOptimistic
    • useReducer
    • useRef
    • useState
    • useSyncExternalStore
    • useTransition
  • المكونات
    • <Fragment> (<>)
    • <Profiler>
    • <StrictMode>
    • <Suspense>
    • <Activity>
    • <ViewTransition> - هذه الميزة متاحة في أحدث إصدار Canary من React
  • APIs
    • act
    • addTransitionType - هذه الميزة متاحة في أحدث إصدار Canary من React
    • cache
    • cacheSignal
    • captureOwnerStack
    • createContext
    • lazy
    • memo
    • startTransition
    • use
    • experimental_taintObjectReference - هذه الميزة متاحة في أحدث إصدار تجريبي من React
    • experimental_taintUniqueValue - هذه الميزة متاحة في أحدث إصدار تجريبي من React
  • react-dom@19.2

  • Hooks
    • useFormStatus
  • المكونات (Components)
    • Common (e.g. <div>)
    • <form>
    • <input>
    • <option>
    • <progress>
    • <select>
    • <textarea>
    • <link>
    • <meta>
    • <script>
    • <style>
    • <title>
  • APIs
    • createPortal
    • flushSync
    • preconnect
    • prefetchDNS
    • preinit
    • preinitModule
    • preload
    • preloadModule
  • Client APIs
    • createRoot
    • hydrateRoot
  • Server APIs
    • renderToPipeableStream
    • renderToReadableStream
    • renderToStaticMarkup
    • renderToString
    • resume
    • resumeToPipeableStream
  • Static APIs
    • prerender
    • prerenderToNodeStream
    • resumeAndPrerender
    • resumeAndPrerenderToNodeStream
  • React Compiler

  • الإعدادات (Configuration)
    • compilationMode
    • gating
    • logger
    • panicThreshold
    • target
  • Directives
    • "use memo"
    • "use no memo"
  • تصريف المكتبات (Compiling Libraries)
  • React DevTools

  • React Performance tracks
  • eslint-plugin-react-hooks

  • Lints
    • exhaustive-deps
    • rules-of-hooks
    • component-hook-factories
    • config
    • error-boundaries
    • gating
    • globals
    • immutability
    • incompatible-library
    • preserve-manual-memoization
    • purity
    • refs
    • set-state-in-effect
    • set-state-in-render
    • static-components
    • unsupported-syntax
    • use-memo
  • قواعد React (Rules of React)

  • نظرة عامة (Overview)
    • Components و Hooks يجب أن تكون Pure
    • React تستدعي Components و Hooks
    • قواعد Hooks
  • React Server Components

  • Server Components
  • Server Functions
  • Directives
    • 'use client'
    • 'use server'
  • Legacy APIs

  • Legacy React APIs
    • Children
    • cloneElement
    • Component
    • createElement
    • createRef
    • forwardRef
    • isValidElement
    • PureComponent
مرجع API
الإعدادات (Configuration)

panicThreshold

--- title: panicThreshold --- <Intro> يتحكم خيار `panicThreshold` في كيفية تعامل React Compiler مع الأخطاء أثناء التجميع. </Intro> ```js { panicThreshold: 'none' // موصى به } ``` <InlineToc /> --- ## المرجع {/*reference*/} ### `panicThreshold` {/*panicthreshold*/} يحدد ما إذا كان يجب أن تفشل أخطاء التجميع في البناء أو تخطي التحسين. #### النوع {/*type*/} ``` 'none' | 'critical_errors' | 'all_errors' ``` #### القيمة الافتراضية {/*default-value*/} `'none'` #### الخيارات {/*options*/} - **`'none'`** (افتراضي، موصى به): تخطي المكونات التي لا يمكن تجميعها ومتابعة البناء - **`'critical_errors'`**: فشل البناء فقط عند أخطاء المُجمّع الحرجة - **`'all_errors'`**: فشل البناء عند أي تشخيص للمُجمّع #### تنبيهات {/*caveats*/} - يجب أن تستخدم بيئات الإنتاج دائمًا `'none'` - فشل البناء يمنع تطبيقك من البناء - يكتشف المُجمّع تلقائيًا ويتخطى الكود الإشكالي مع `'none'` - العتبات الأعلى مفيدة فقط أثناء التطوير لتصحيح الأخطاء --- ## الاستخدام {/*usage*/} ### إعداد الإنتاج (موصى به) {/*production-configuration*/} لبيئات الإنتاج، استخدم دائمًا `'none'`. هذه هي القيمة الافتراضية: ```js { panicThreshold: 'none' } ``` يضمن هذا: - لن يفشل بناؤك أبدًا بسبب مشاكل المُجمّع - المكونات التي لا يمكن تحسينها تعمل بشكل طبيعي - الحد الأقصى من المكونات يتم تحسينها - نشر إنتاج مستقر ### تصحيح أخطاء التطوير {/*development-debugging*/} استخدم مؤقتًا عتبات أكثر صرامة للعثور على المشاكل: ```js const isDevelopment = process.env.NODE_ENV === 'development'; { panicThreshold: isDevelopment ? 'critical_errors' : 'none', logger: { logEvent(filename, event) { if (isDevelopment && event.kind === 'CompileError') { // ... } } } } ```
السابقlogger
التاليtarget

Copyright © Meta Platforms, Inc
no uwu plz
uwu?
Logo by@sawaratsuki1004
تعلم React
بداية سريعة
التثبيت
وصف واجهة المستخدم (UI)
إضافة التفاعلية
إدارة State
مخارج الطوارئ
مرجع API
React APIs
React DOM APIs
المجتمع
ميثاق السلوك
تعرف على الفريق
المساهمون في التوثيق
شكر وتقدير
المزيد
المدونة
React Native
الخصوصية
الشروط