लिगसी कंपोनेंट्स व्यवस्थापित करण्यासाठी आणि ॲप्लिकेशनची कार्यक्षमता सुधारण्यासाठी React च्या experimental_LegacyHidden API चा वापर करा. त्याचे फायदे, मर्यादा आणि उदाहरणे जाणून घ्या.
React experimental_LegacyHidden समजून घेऊया: डेव्हलपर्ससाठी एक सर्वसमावेशक मार्गदर्शक
React सतत विकसित होत आहे, डेव्हलपरचा अनुभव आणि ॲप्लिकेशनची कार्यक्षमता सुधारण्याच्या उद्देशाने नवीन फीचर्स आणि API सादर करत आहे. असाच एक प्रायोगिक API म्हणजे experimental_LegacyHidden, जो आधुनिक React ॲप्लिकेशन्समध्ये लिगसी कंपोनेंट्स व्यवस्थापित करण्यास आणि हळूहळू मायग्रेट करण्यास डेव्हलपर्सना मदत करण्यासाठी डिझाइन केलेला आहे. हे मार्गदर्शक experimental_LegacyHidden, त्याचे फायदे, ते कसे वापरावे आणि त्याच्या मर्यादांचे सर्वसमावेशक आढावा देते.
experimental_LegacyHidden म्हणजे काय?
experimental_LegacyHidden हा एक React कंपोनेंट आहे जो तुम्हाला विशिष्ट परिस्थितीत, प्रामुख्याने नवीन React पॅटर्न्स किंवा आवृत्त्यांमध्ये प्रगतीशील मायग्रेशन दरम्यान, लिगसी कंपोनेंट्स लपवू किंवा दर्शवू देतो. याचा मुख्य उपयोग वापरकर्त्याच्या अनुभवात व्यत्यय न आणता जुन्या, संभाव्यतः कमी कार्यक्षम कोडमधून नवीन, ऑप्टिमाइझ केलेल्या अंमलबजावणीकडे सहजतेने संक्रमण करणे आहे.
याला एक द्वारपाल समजा जो तुमच्या लिगसी कोडच्या दृश्यमानतेवर नियंत्रण ठेवतो. हे तुम्हाला हळूहळू नवीन फीचर्स आणण्याची आणि जुन्यांना टप्प्याटप्प्याने बंद करण्याची परवानगी देते, ज्यामुळे तुमच्या वापरकर्त्यांसाठी एक सहज संक्रमण सुनिश्चित होते.
experimental_LegacyHidden का वापरावे?
तुमच्या React प्रोजेक्ट्समध्ये experimental_LegacyHidden वापरण्याचा विचार करण्याची अनेक आकर्षक कारणे आहेत:
- प्रगतीशील मायग्रेशन: हे लिगसी कंपोनेंट्सचे नवीन React फीचर्स जसे की फंक्शन कंपोनेंट्स, हुक्स आणि कॉन्करंट रेंडरिंगमध्ये हळूहळू मायग्रेशन सुलभ करते. यामुळे ब्रेकिंग बदल आणण्याचा धोका कमी होतो आणि टप्प्याटप्प्याने सुधारणा करण्यास परवानगी मिळते.
- कार्यक्षमता ऑप्टिमायझेशन: लिगसी कंपोनेंट्स कदाचित आधुनिक React रेंडरिंग पॅटर्न्ससाठी ऑप्टिमाइझ केलेले नसतील. गरज नसताना त्यांना लपवल्याने ॲप्लिकेशनची एकूण कार्यक्षमता सुधारू शकते, विशेषतः सुरुवातीच्या लोड आणि त्यानंतरच्या अपडेट्स दरम्यान.
- कमी झालेली गुंतागुंत: लिगसी कंपोनेंट्स वेगळे करून, तुम्ही कोडबेस सोपा करू शकता आणि त्याची देखभाल आणि रिफॅक्टर करणे सोपे करू शकता.
- प्रयोग: हे तुम्हाला तुमच्या ॲप्लिकेशनच्या विद्यमान कार्यक्षमतेवर परिणाम न करता नवीन फीचर्स आणि डिझाइनसह प्रयोग करण्यास सक्षम करते. तुम्ही
experimental_LegacyHiddenकंपोनेंट वापरून लिगसी आणि नवीन अंमलबजावणीमध्ये सहजपणे स्विच करू शकता. - सुधारित वापरकर्ता अनुभव: एक सहज आणि हळूहळू होणारे मायग्रेशन वापरकर्त्यासाठी चांगल्या अनुभवात रूपांतरित होते. वापरकर्त्यांना संक्रमणादरम्यान बग्स किंवा कार्यक्षमतेच्या समस्या येण्याची शक्यता कमी असते.
experimental_LegacyHidden कसे वापरावे
experimental_LegacyHidden वापरणे तुलनेने सोपे आहे. येथे एक मूलभूत उदाहरण आहे:
मूलभूत अंमलबजावणी
सर्वप्रथम, तुम्हाला react मधून experimental_LegacyHidden कंपोनेंट इम्पोर्ट करणे आवश्यक आहे. लक्षात घ्या की हा एक प्रायोगिक API आहे आणि तुमच्या React कॉन्फिगरेशनमध्ये (उदा. तुमच्या webpack.config.js किंवा .babelrc फाईलमध्ये) प्रायोगिक फीचर्स सक्षम करण्याची आवश्यकता असू शकते.
experimental_LegacyHidden एकच प्रॉप स्वीकारतो: unstable_hidden. हा प्रॉप एक बूलियन व्हॅल्यू आहे जो कंपोनेंटचे चिल्ड्रेन लपवले आहेत की नाही हे ठरवतो. जेव्हा unstable_hidden true असते, तेव्हा चिल्ड्रेन लपवले जातात; जेव्हा ते false असते, तेव्हा ते दिसतात.
import React from 'react';
import { unstable_LegacyHidden as LegacyHidden } from 'react';
function MyComponent() {
const [showLegacy, setShowLegacy] = React.useState(false);
return (
);
}
function LegacyComponent() {
return This is a legacy component.
;
}
export default MyComponent;
या उदाहरणात, LegacyComponent LegacyHidden मध्ये रॅप केलेला आहे. unstable_hidden प्रॉप showLegacy स्टेट व्हेरिएबलद्वारे नियंत्रित केला जातो, जो बटणाच्या क्लिकने टॉगल होतो. हे तुम्हाला लिगसी कंपोनेंट डायनॅमिकपणे दाखवू किंवा लपवू देते.
कंडिशनल रेंडरिंग
तुम्ही लिगसी कंपोनेंट कधी लपवायचा किंवा दाखवायचा हे ठरवण्यासाठी अधिक गुंतागुंतीचे लॉजिक वापरू शकता. उदाहरणार्थ, तुम्ही वापरकर्त्याच्या ब्राउझर, डिव्हाइस किंवा फीचर फ्लॅग्सच्या आधारावर ते लपवू शकता.
import React from 'react';
import { unstable_LegacyHidden as LegacyHidden } from 'react';
function MyComponent() {
const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
return (
{isMobile ? (
) : (
)}
);
}
function LegacyComponent() {
return This is a legacy component for desktop.
;
}
function NewMobileComponent() {
return This is a new component optimized for mobile.
;
}
export default MyComponent;
या उदाहरणात, LegacyComponent फक्त डेस्कटॉप डिव्हाइसेसवर दर्शविला जातो. मोबाइल वापरकर्त्यांना त्याऐवजी NewMobileComponent दिसेल. हे तुम्हाला लिगसी कोडमधून हळूहळू मायग्रेट करताना वेगवेगळ्या डिव्हाइसेससाठी अनुकूलित अनुभव प्रदान करण्यास अनुमती देते.
फीचर फ्लॅग्ससह इंटिग्रेशन
फीचर फ्लॅग्स हे नवीन फीचर्सचे रोलआउट व्यवस्थापित आणि नियंत्रित करण्यासाठी एक शक्तिशाली साधन आहे. तुम्ही त्यांचा वापर experimental_LegacyHidden सोबत हळूहळू नवीन कंपोनेंट्स सादर करण्यासाठी आणि जुने कंपोनेंट्स बंद करण्यासाठी करू शकता.
उदाहरणार्थ, समजा तुमच्याकडे useNewSearch नावाचा एक फीचर फ्लॅग आहे. तुम्ही हा फ्लॅग नवीन सर्च कंपोनेंट दाखवायचा की लिगसी सर्च कंपोनेंट दाखवायचा हे ठरवण्यासाठी वापरू शकता.
import React from 'react';
import { unstable_LegacyHidden as LegacyHidden } from 'react';
// Assume you have a function to get the value of a feature flag
function useFeatureFlag(flagName) {
// This is a placeholder, in a real application, you would use a proper feature flag library
// like LaunchDarkly, Split.io, or equivalent.
const [flagValue, setFlagValue] = React.useState(false);
React.useEffect(() => {
// Simulate fetching the feature flag from an API or localStorage
setTimeout(() => {
const value = localStorage.getItem(flagName) === 'true';
setFlagValue(value);
}, 500);
}, [flagName]);
return flagValue;
}
function MyComponent() {
const useNewSearch = useFeatureFlag('useNewSearch');
return (
{useNewSearch ? (
) : (
)}
);
}
function LegacySearchComponent() {
return This is the legacy search component.
;
}
function NewSearchComponent() {
return This is the new search component.
;
}
export default MyComponent;
या उदाहरणात, useFeatureFlag हुक useNewSearch फीचर फ्लॅगची व्हॅल्यू मिळवतो. जर फ्लॅग सक्षम असेल, तर NewSearchComponent दर्शविला जातो; अन्यथा, LegacySearchComponent दर्शविला जातो, जो LegacyHidden मध्ये रॅप केलेला आहे. सुरुवातीला, `useFeatureFlag` लोकल स्टोरेजमधून स्टेट वाचतो, जे एका फीचर फ्लॅग सेवेचे अनुकरण करते.
experimental_LegacyHidden वापरण्याचे फायदे
experimental_LegacyHidden वापरण्याचे फायदे लक्षणीय आहेत, विशेषतः मोठ्या आणि गुंतागुंतीच्या ॲप्लिकेशन्स हाताळताना:
- सोपा कोडबेस: लिगसी कंपोनेंट्स वेगळे करून, तुम्ही कोडबेस अधिक व्यवस्थापनीय आणि समजण्यास सोपा बनवू शकता. हे डेव्हलपर्सवरील संज्ञानात्मक भार कमी करते आणि नवीन फीचर्स आणि बग निराकरणे सादर करणे सोपे करते.
- सुधारित कार्यक्षमता: गरज नसताना लिगसी कंपोनेंट्स लपवल्याने ॲप्लिकेशनची एकूण कार्यक्षमता सुधारू शकते. हे विशेषतः त्या ॲप्लिकेशन्ससाठी महत्त्वाचे आहे जे मोठ्या प्रमाणावर JavaScript वर अवलंबून आहेत.
- कमी झालेला धोका: हळूहळू मायग्रेशनमुळे ब्रेकिंग बदल आणण्याचा धोका कमी होतो. तुम्ही सर्व वापरकर्त्यांसाठी नवीन फीचर्स आणि कंपोनेंट्स आणण्यापूर्वी नियंत्रित वातावरणात त्यांची चाचणी करू शकता.
- सुधारित डेव्हलपर अनुभव: डेव्हलपर्स लिगसी कोडबेसच्या गुंतागुंतीत न अडकता नवीन फीचर्सवर काम करू शकतात. यामुळे त्यांची उत्पादकता आणि कामाचे समाधान सुधारू शकते.
- उत्तम वापरकर्ता अनुभव: एक सहज आणि हळूहळू होणारे मायग्रेशन वापरकर्त्यासाठी चांगल्या अनुभवात रूपांतरित होते. वापरकर्त्यांना संक्रमणादरम्यान बग्स किंवा कार्यक्षमतेच्या समस्या येण्याची शक्यता कमी असते.
मर्यादा आणि विचार करण्यासारख्या गोष्टी
जरी experimental_LegacyHidden अनेक फायदे देत असले तरी, त्याच्या मर्यादा आणि संभाव्य तोटे जाणून घेणे महत्त्वाचे आहे:
- प्रायोगिक API: एक प्रायोगिक API असल्याने,
experimental_LegacyHiddenभविष्यातील React आवृत्त्यांमध्ये बदलला किंवा काढला जाऊ शकतो. याचा अर्थ तुम्ही तो सावधगिरीने वापरावा आणि आवश्यक असल्यास तुमचा कोड अपडेट करण्यास तयार रहावे. - वाढलेल्या गुंतागुंतीची शक्यता: जर काळजीपूर्वक वापरले नाही, तर
experimental_LegacyHiddenकोडबेसमध्ये गुंतागुंत वाढवू शकतो. कंपोनेंट्स लपवण्याचे आणि दाखवण्याचे लॉजिक सु-परिभाषित आणि समजण्यास सोपे आहे याची खात्री करणे महत्त्वाचे आहे. - रिफॅक्टरिंगला पर्याय नाही:
experimental_LegacyHiddenहे रिफॅक्टरिंगला पर्याय नाही. हा एक तात्पुरता उपाय आहे जो नवीन React पॅटर्न्स आणि आवृत्त्यांमध्ये हळूहळू मायग्रेशन सुलभ करण्यासाठी वापरला पाहिजे. शेवटी, तुम्ही लिगसी कोड पूर्णपणे काढून टाकण्याचे ध्येय ठेवले पाहिजे. - ओव्हरहेड: सामान्यतः हलके असले तरी,
experimental_LegacyHiddenवापरण्याशी संबंधित थोडासा ओव्हरहेड आहे. हा ओव्हरहेड सहसा नगण्य असतो, परंतु विशेषतः कार्यक्षमता-गंभीर ॲप्लिकेशन्समध्ये याची जाणीव असणे महत्त्वाचे आहे. - डीबगिंग: तुम्ही
experimental_LegacyHiddenकसे वापरता याबद्दल सावधगिरी न बाळगल्यास डीबगिंग अधिक गुंतागुंतीचे होऊ शकते. कोणता कंपोनेंट प्रत्यक्षात रेंडर होत आहे हे सत्यापित करण्यासाठी लॉग किंवा React DevTools वापरण्याची खात्री करा.
experimental_LegacyHidden वापरण्यासाठी सर्वोत्तम पद्धती
experimental_LegacyHidden चे फायदे जास्तीत जास्त करण्यासाठी आणि धोके कमी करण्यासाठी, या सर्वोत्तम पद्धतींचे अनुसरण करा:
- ते धोरणात्मकपणे वापरा: फक्त जेव्हा खरोखरच आवश्यक असेल तेव्हाच
experimental_LegacyHiddenवापरा. एलिमेंट्स लपवण्यासाठी आणि दाखवण्यासाठी सर्व-उद्देशीय कंपोनेंट म्हणून त्याचा वापर करू नका. - ते सोपे ठेवा: कंपोनेंट्स लपवण्याचे आणि दाखवण्याचे लॉजिक सोपे आणि समजण्यास सोपे असावे. गुंतागुंतीच्या अटी आणि नेस्टेड
experimental_LegacyHiddenकंपोनेंट्स टाळा. - तुमचा कोड डॉक्युमेंट करा: प्रत्येक
experimental_LegacyHiddenकंपोनेंटचा उद्देश आणि कोणत्या परिस्थितीत तो त्याच्या चिल्ड्रेनला लपवतो किंवा दाखवतो हे स्पष्टपणे डॉक्युमेंट करा. - चाचणी काळजीपूर्वक करा:
experimental_LegacyHiddenकंपोनेंट अपेक्षेप्रमाणे काम करत आहे याची खात्री करण्यासाठी तुमच्या कोडची पूर्णपणे चाचणी करा. एज केसेस आणि संभाव्य कार्यक्षमतेच्या समस्यांकडे लक्ष द्या. - कार्यक्षमतेवर लक्ष ठेवा:
experimental_LegacyHiddenसादर केल्यानंतर तुमच्या ॲप्लिकेशनच्या कार्यक्षमतेवर लक्ष ठेवा, जेणेकरून त्यामुळे कोणतेही अनपेक्षित स्लोडाउन होत नाही याची खात्री होईल. - काढण्याची योजना करा: लक्षात ठेवा की
experimental_LegacyHiddenहा एक तात्पुरता उपाय आहे. लिगसी कंपोनेंट्स पूर्णपणे मायग्रेट झाल्यावर ते काढण्याची योजना करा.
वास्तविक-जगातील उदाहरणे
चला काही वास्तविक-जगातील उदाहरणे पाहूया की experimental_LegacyHidden वेगवेगळ्या परिस्थितीत कसा वापरला जाऊ शकतो.
उदाहरण १: क्लास कंपोनेंट्समधून फंक्शनल कंपोनेंट्समध्ये मायग्रेट करणे
कल्पना करा की तुमच्याकडे अनेक क्लास कंपोनेंट्स असलेला एक मोठा कोडबेस आहे ज्याला तुम्हाला हुक्ससह फंक्शनल कंपोनेंट्समध्ये मायग्रेट करायचे आहे. तुम्ही हळूहळू क्लास कंपोनेंट्सना त्यांच्या फंक्शनल समकक्षांनी बदलण्यासाठी experimental_LegacyHidden वापरू शकता.
import React from 'react';
import { unstable_LegacyHidden as LegacyHidden } from 'react';
// Legacy Class Component
class LegacyProfile extends React.Component {
constructor(props) {
super(props);
this.state = { name: 'Old Profile' };
}
render() {
return Hello, {this.state.name} (Class Component)
;
}
}
// New Functional Component with Hooks
function NewProfile() {
const [name, setName] = React.useState('New Profile');
return Hello, {name} (Functional Component)
;
}
function MyComponent({ useNew }) {
return (
{useNew ? (
) : (
)}
);
}
export default MyComponent;
या उदाहरणात, LegacyProfile हा एक क्लास कंपोनेंट आहे, आणि NewProfile हा हुक्ससह एक फंक्शनल कंपोनेंट आहे. MyComponent useNew प्रॉपच्या आधारावर लिगसी कंपोनेंट किंवा नवीन कंपोनेंट कंडिशनली रेंडर करण्यासाठी experimental_LegacyHidden वापरतो.
उदाहरण २: नवीन फीचर्सची A/B टेस्टिंग
experimental_LegacyHidden नवीन फीचर्सच्या A/B टेस्टिंगसाठी वापरले जाऊ शकते. तुम्ही वापरकर्त्यांच्या एका उपसंचाला नवीन फीचर दाखवू शकता आणि बाकीच्यांना लिगसी फीचर. हे तुम्हाला नवीन फीचर सर्वांसाठी आणण्यापूर्वी डेटा आणि अभिप्राय गोळा करण्यास अनुमती देते.
import React from 'react';
import { unstable_LegacyHidden as LegacyHidden } from 'react';
// Assume you have a function to determine if the user is in the A/B test group
function isInABTestGroup() {
// Implement your A/B testing logic here (e.g., using a cookie or user ID)
// For this example, we'll just return a random boolean value
return Math.random() < 0.5;
}
function LegacyButton() {
return ;
}
function NewButton() {
return ;
}
function MyComponent() {
const showNewButton = isInABTestGroup();
return (
{showNewButton ? (
) : (
)}
);
}
export default MyComponent;
या उदाहरणात, isInABTestGroup फंक्शन ठरवते की वापरकर्ता A/B टेस्ट ग्रुपमध्ये आहे की नाही. जर वापरकर्ता ग्रुपमध्ये असेल, तर NewButton दर्शविला जातो; अन्यथा, LegacyButton दर्शविला जातो, जो LegacyHidden मध्ये रॅप केलेला आहे.
उदाहरण ३: रीडिझाइनचे हळूहळू रोलआउट
वेबसाइट रीडिझाइन करताना, तुम्ही experimental_LegacyHidden वापरून साइटच्या वेगवेगळ्या भागांमध्ये हळूहळू नवीन डिझाइन आणू शकता. हे तुम्हाला रीडिझाइनच्या परिणामावर लक्ष ठेवण्यास आणि आवश्यकतेनुसार समायोजन करण्यास अनुमती देते.
import React from 'react';
import { unstable_LegacyHidden as LegacyHidden } from 'react';
function LegacyHeader() {
return Legacy Header ;
}
function NewHeader() {
return New Header Design ;
}
function MyComponent({ useNewHeader }) {
return (
{useNewHeader ? (
) : (
)}
Main Content
);
}
export default MyComponent;
या उदाहरणात, LegacyHeader जुन्या हेडर डिझाइनचे प्रतिनिधित्व करतो, आणि NewHeader नवीन डिझाइनचे प्रतिनिधित्व करतो. MyComponent useNewHeader प्रॉपच्या आधारावर लिगसी हेडर किंवा नवीन हेडर कंडिशनली रेंडर करण्यासाठी experimental_LegacyHidden वापरतो.
experimental_LegacyHidden ला पर्याय
जरी experimental_LegacyHidden उपयुक्त असू शकतो, तरीही React मध्ये लिगसी कंपोनेंट्स व्यवस्थापित करण्यासाठी तुम्ही इतर दृष्टिकोन घेऊ शकता:
- कंडिशनल रेंडरिंग: तुम्ही विशिष्ट परिस्थितींवर आधारित कंपोनेंट्स दाखवण्यासाठी किंवा लपवण्यासाठी मानक कंडिशनल रेंडरिंग तंत्र (उदा.
ifस्टेटमेंट्स, टर्नरी ऑपरेटर्स) वापरू शकता. हा दृष्टिकोनexperimental_LegacyHiddenवापरण्यापेक्षा सोपा आहे परंतु गुंतागुंतीच्या परिस्थितींसाठी तितका लवचिक नसू शकतो. - कंपोनेंट कंपोझिशन: तुम्ही लिगसी कंपोनेंट्सना रॅप किंवा रिप्लेस करणारे नवीन कंपोनेंट्स तयार करण्यासाठी कंपोनेंट कंपोझिशन वापरू शकता. हा दृष्टिकोन तुम्हाला हळूहळू नवीन कार्यक्षमता सादर करताना विद्यमान कोड पुन्हा वापरण्याची परवानगी देतो.
- रिफॅक्टरिंग: सर्वात थेट दृष्टिकोन म्हणजे लिगसी कोडला नवीन React पॅटर्न्स आणि आवृत्त्या वापरण्यासाठी रिफॅक्टर करणे. ही एक वेळखाऊ प्रक्रिया असू शकते, परंतु लिगसी कोड काढून टाकण्याचा आणि कोडबेसची एकूण गुणवत्ता सुधारण्याचा हा सर्वात प्रभावी मार्ग आहे.
- कोड स्प्लिटिंग: जरी कंपोनेंट्स लपवण्याशी थेट संबंधित नसले तरी, कोड स्प्लिटिंग केवळ विशिष्ट व्ह्यू किंवा फीचरसाठी आवश्यक असलेला कोड लोड करून कार्यक्षमता सुधारण्यास मदत करू शकते. हे विशेषतः अनेक लिगसी कंपोनेंट्स असलेल्या मोठ्या ॲप्लिकेशन्ससाठी उपयुक्त असू शकते. डायनॅमिक इम्पोर्ट्स (`import()`) कंपोनेंट्सना लेझी लोड करू शकतात, ज्यामुळे सुरुवातीचा लोड वेळ सुधारतो.
निष्कर्ष
experimental_LegacyHidden हे एक शक्तिशाली साधन आहे जे तुम्हाला आधुनिक React ॲप्लिकेशन्समध्ये लिगसी कंपोनेंट्स व्यवस्थापित करण्यास आणि हळूहळू मायग्रेट करण्यास मदत करू शकते. हे तुम्हाला हळूहळू नवीन फीचर्स आणण्याची, कार्यक्षमता सुधारण्याची आणि कोडबेस सोपा करण्याची परवानगी देते. तथापि, ते धोरणात्मकपणे वापरणे आणि त्याच्या मर्यादांची जाणीव असणे महत्त्वाचे आहे. लक्षात ठेवा की experimental_LegacyHidden हे रिफॅक्टरिंगला पर्याय नाही, आणि लिगसी कंपोनेंट्स पूर्णपणे मायग्रेट झाल्यावर तुम्ही ते काढून टाकण्याचे ध्येय ठेवले पाहिजे.
experimental_LegacyHidden चे फायदे, मर्यादा आणि सर्वोत्तम पद्धती समजून घेऊन, तुम्ही तुमच्या React प्रोजेक्ट्सची गुणवत्ता आणि देखभालक्षमता सुधारण्यासाठी त्याचा प्रभावीपणे वापर करू शकता आणि शेवटी तुमच्या जागतिक प्रेक्षकांना एक चांगला वापरकर्ता अनुभव देऊ शकता.
प्रायोगिक API आणि सर्वोत्तम पद्धतींवरील नवीनतम माहितीसाठी नेहमी अधिकृत React डॉक्युमेंटेशन आणि समुदाय संसाधनांचा सल्ला घ्या.
Disclaimer: experimental_LegacyHidden हा एक प्रायोगिक API असल्याने, त्याचे वर्तन आणि उपलब्धता React च्या भविष्यातील आवृत्त्यांमध्ये बदलू शकते. उत्पादनामध्ये वापरण्यापूर्वी नेहमी नवीनतम डॉक्युमेंटेशनसह सत्यापित करा.