// ஒரு Promise-ஐ வழங்கும் fetchData செயல்பாட்டைக் கற்பனை செய்து பாருங்கள்
function fetchUserData() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve({ name: 'Alice' });
    }, 2000);
  });
}

// ஒரு கற்பனையான சஸ்பென்ஸ்-இயக்கப்பட்ட தரவுப் பெறுதல் ஹூக்
function useUserData() {
  const data = fetch(url);
  if (data.status === 'pending') {
    throw new Promise(resolve => {
      // இதைத்தான் சஸ்பென்ஸ் இடைமறிக்கிறது
      setTimeout(() => resolve(null), 2000); 
    });
  }
  return data.value;
}

function UserProfile() {
  const userData = useUserData(); // இந்த அழைப்பு சஸ்பெண்ட் ஆகலாம்
  return 
Welcome, {userData.name}!
;
}

function App() {
  return (
    Loading user...

2. தானியங்கி தொகுப்பாக்குதல் (Automatic Batching)

தொகுப்பாக்குதல் என்பது பல நிலை புதுப்பிப்புகளை ஒரே மறு-ரெண்டரில் குழுவாக்கும் செயல்முறையாகும். பாரம்பரியமாக, ரியாக்ட் நிகழ்வு கையாளுநர்களுக்குள் நிகழும் புதுப்பிப்புகளை மட்டுமே தொகுத்தது. நிகழ்வு கையாளுநர்களுக்கு வெளியே தொடங்கப்பட்ட புதுப்பிப்புகள் (எ.கா., ப்ராமிஸ்கள் அல்லது `setTimeout` க்குள்) தொகுக்கப்படவில்லை, இது தேவையற்ற மறு-ரெண்டர்களுக்கு வழிவகுத்தது.

இது கன்கரன்சியுடன் எவ்வாறு செயல்படுகிறது: கன்கரண்ட் மோட் உடன், ரியாக்ட் அனைத்து நிலை புதுப்பிப்புகளையும், அவை எங்கிருந்து வந்தாலும், தானாகவே தொகுக்கிறது. இதன் பொருள், நீங்கள் பல நிலை புதுப்பிப்புகளை விரைவான தொடர்ச்சியாகக் கொண்டிருந்தால் (எ.கா., பல ஒத்திசைவற்ற செயல்பாடுகள் முடிவடைவதால்), ரியாக்ட் அவற்றை குழுவாக்கி ஒரே ஒரு மறு-ரெண்டரைச் செய்யும், இது செயல்திறனை மேம்படுத்துகிறது மற்றும் பல ரெண்டரிங் சுழற்சிகளின் மேல்சுமையைக் குறைக்கிறது.

எடுத்துக்காட்டு: நீங்கள் இரண்டு வெவ்வேறு API-களிலிருந்து தரவைப் பெறுகிறீர்கள் என்று வைத்துக்கொள்வோம். இரண்டும் முடிந்ததும், நீங்கள் இரண்டு தனித்தனி நிலைகளைப் புதுப்பிக்கிறீர்கள். பழைய ரியாக்ட் பதிப்புகளில், இது இரண்டு மறு-ரெண்டர்களைத் தூண்டக்கூடும். கன்கரண்ட் மோடில், இந்த புதுப்பிப்புகள் தொகுக்கப்படுகின்றன, இதன் விளைவாக ஒரே, திறமையான மறு-ரெண்டர் ஏற்படுகிறது.

3. டிரான்சிஷன்கள் (Transitions)

டிரான்சிஷன்கள் என்பது அவசரமான மற்றும் அவசரமற்ற புதுப்பிப்புகளை வேறுபடுத்துவதற்காக அறிமுகப்படுத்தப்பட்ட ஒரு புதிய கருத்தாகும். இது இடையூறு செய்யக்கூடிய ரெண்டரிங்கை இயக்குவதற்கான ஒரு முக்கிய வழிமுறையாகும்.

அவசரமான புதுப்பிப்புகள்: இவை உள்ளீட்டுப் புலத்தில் தட்டச்சு செய்தல், ஒரு பொத்தானைக் கிளிக் செய்தல் அல்லது UI கூறுகளை நேரடியாகக் கையாளுதல் போன்ற உடனடி பின்னூட்டம் தேவைப்படும் புதுப்பிப்புகள். அவை உடனடியாக உணரப்பட வேண்டும்.

டிரான்சிஷன் புதுப்பிப்புகள்: இவை அதிக நேரம் எடுக்கக்கூடிய மற்றும் உடனடி பின்னூட்டம் தேவைப்படாத புதுப்பிப்புகள். எடுத்துக்காட்டுகளில் ஒரு இணைப்பைக் கிளிக் செய்த பிறகு ஒரு புதிய பக்கத்தை ரெண்டர் செய்வது, ஒரு பெரிய பட்டியலை வடிகட்டுவது அல்லது ஒரு கிளிக்கிற்கு நேரடியாக பதிலளிக்காத தொடர்புடைய UI கூறுகளைப் புதுப்பிப்பது ஆகியவை அடங்கும். இந்த புதுப்பிப்புகளை குறுக்கிடலாம்.

இது கன்கரன்சியுடன் எவ்வாறு செயல்படுகிறது: `startTransition` API-ஐப் பயன்படுத்தி, நீங்கள் சில நிலை புதுப்பிப்புகளை டிரான்சிஷன்களாகக் குறிக்கலாம். ரியாக்ட்டின் ஷெட்யூலர் பின்னர் இந்த புதுப்பிப்புகளை குறைந்த முன்னுரிமையுடன் கருதி, ஒரு அவசரமான புதுப்பிப்பு ஏற்பட்டால் அவற்றை குறுக்கிடலாம். இது ஒரு அவசரமற்ற புதுப்பிப்பு (ஒரு பெரிய பட்டியலை ரெண்டர் செய்வது போன்றவை) செயல்பாட்டில் இருக்கும்போது, அவசரமான புதுப்பிப்புகள் (ஒரு தேடல் பட்டியில் தட்டச்சு செய்வது போன்றவை) முன்னுரிமை அளிக்கப்படுவதை உறுதிசெய்கிறது, இது UI-ஐ பதிலளிக்கக்கூடியதாக வைத்திருக்கிறது.

உலகளாவிய எடுத்துக்காட்டு: ஒரு பயண முன்பதிவு வலைத்தளத்தைக் கவனியுங்கள். ஒரு பயனர் ஒரு புதிய இலக்கைத் தேர்ந்தெடுக்கும்போது, அது புதுப்பிப்புகளின் ஒரு அடுக்கைத் தூண்டக்கூடும்: விமானத் தரவைப் பெறுதல், ஹோட்டல் கிடைப்பதைப் புதுப்பித்தல், மற்றும் ஒரு வரைபடத்தை ரெண்டர் செய்தல். ஆரம்ப புதுப்பிப்புகள் இன்னும் செயலாக்கத்தில் இருக்கும்போது பயனர் உடனடியாக பயணத் தேதிகளை மாற்ற முடிவு செய்தால், `startTransition` API ரியாக்ட்டை விமானம்/ஹோட்டல் புதுப்பிப்புகளை இடைநிறுத்த அனுமதிக்கிறது, அவசர தேதி மாற்றத்தைச் செயலாக்க, பின்னர் புதிய தேதிகளின் அடிப்படையில் விமானம்/ஹோட்டல் பெறுதலை மீண்டும் தொடங்க அல்லது மறுதொடக்கம் செய்ய அனுமதிக்கிறது. இது சிக்கலான புதுப்பிப்பு வரிசையின் போது UI உறைவதைத் தடுக்கிறது.

குறியீடு துணுக்கு (விளக்கத்திற்கு):

import { useState, useTransition } from 'react';

function SearchResults() {
  const [isPending, startTransition] = useTransition();
  const [query, setQuery] = useState('');
  const [results, setResults] = useState([]);

  const handleQueryChange = (e) => {
    const newQuery = e.target.value;
    setQuery(newQuery);

    // இந்த புதுப்பிப்பை ஒரு டிரான்சிஷனாகக் குறிக்கவும்
    startTransition(() => {
      // முடிவுகளைப் பெறுவதை உருவகப்படுத்துங்கள், இது குறுக்கிடப்படலாம்
      fetchResults(newQuery).then(res => setResults(res));
    });
  };

  return (
    

      
      {isPending && 
Loading results...
}
      

        {results.map(item => (
          
{item.name}
        ))}
      
    
  );
}

4. நூலகங்கள் மற்றும் சுற்றுச்சூழல் ஒருங்கிணைப்பு

கன்கரண்ட் மோடின் நன்மைகள் ரியாக்ட்டின் முக்கிய அம்சங்களுடன் மட்டும் நின்றுவிடவில்லை. முழு சுற்றுச்சூழல் அமைப்பும் மாற்றியமைக்கப்படுகிறது. ரூட்டிங் தீர்வுகள் அல்லது நிலை மேலாண்மை கருவிகள் போன்ற ரியாக்ட்டுடன் தொடர்பு கொள்ளும் நூலகங்களும், ஒரு மென்மையான அனுபவத்தை வழங்க கன்கரன்சியைப் பயன்படுத்தலாம்.

எடுத்துக்காட்டு: ஒரு ரூட்டிங் நூலகம் பக்கங்களுக்கு இடையில் செல்ல டிரான்சிஷன்களைப் பயன்படுத்தலாம். தற்போதைய பக்கம் முழுமையாக ரெண்டர் செய்யப்படுவதற்கு முன்பு ஒரு பயனர் விலகிச் சென்றால், ரூட்டிங் புதுப்பிப்பு தடையின்றி குறுக்கிடப்படலாம் அல்லது ரத்து செய்யப்படலாம், மேலும் புதிய வழிசெலுத்தல் முன்னுரிமை பெறலாம். இது பயனர் எப்போதும் அவர்கள் விரும்பிய மிகவும் புதுப்பித்த பார்வையை பார்ப்பதை உறுதி செய்கிறது.

கன்கரண்ட் அம்சங்களை எவ்வாறு இயக்குவது மற்றும் பயன்படுத்துவது

கன்கரண்ட் மோட் ஒரு அடிப்படை மாற்றமாக இருந்தாலும், அதன் அம்சங்களை இயக்குவது பொதுவாக நேரடியானது மற்றும் பெரும்பாலும் குறைந்தபட்ச குறியீடு மாற்றங்களை உள்ளடக்கியது, குறிப்பாக புதிய பயன்பாடுகளுக்கு அல்லது சஸ்பென்ஸ் மற்றும் டிரான்சிஷன்கள் போன்ற அம்சங்களை ஏற்றுக்கொள்ளும்போது.

1. ரியாக்ட் பதிப்பு

கன்கரண்ட் அம்சங்கள் ரியாக்ட் 18 மற்றும் அதற்குப் பிந்தைய பதிப்புகளில் கிடைக்கின்றன. நீங்கள் இணக்கமான பதிப்பைப் பயன்படுத்துவதை உறுதிப்படுத்திக் கொள்ளுங்கள்:

npm install react@latest react-dom@latest

2. ரூட் API (`createRoot`)

கன்கரண்ட் அம்சங்களைத் தேர்வுசெய்ய முதன்மையான வழி, உங்கள் பயன்பாட்டை மவுண்ட் செய்யும்போது புதிய `createRoot` API-ஐப் பயன்படுத்துவதாகும்:

// index.js அல்லது main.jsx
import ReactDOM from 'react-dom/client';
import App from './App';

const container = document.getElementById('root');
const root = ReactDOM.createRoot(container);
root.render();

`createRoot`-ஐப் பயன்படுத்துவது தானியங்கி தொகுப்பாக்குதல், டிரான்சிஷன்கள், மற்றும் சஸ்பென்ஸ் உட்பட அனைத்து கன்கரண்ட் அம்சங்களையும் தானாகவே செயல்படுத்துகிறது.

குறிப்பு: பழைய `ReactDOM.render` API கன்கரண்ட் அம்சங்களை ஆதரிக்காது. `createRoot`-க்கு இடம்பெயர்வது கன்கரன்சியைத் திறப்பதற்கான ஒரு முக்கிய படியாகும்.

3. சஸ்பென்ஸை செயல்படுத்துதல்

முன்னர் காட்டியபடி, ஒத்திசைவற்ற செயல்பாடுகளைச் செய்யும் கூறுகளை ஒரு <Suspense> எல்லையுடன் சுற்றி, ஒரு fallback ப்ராப்பை வழங்குவதன் மூலம் சஸ்பென்ஸ் செயல்படுத்தப்படுகிறது.

சிறந்த நடைமுறைகள்:

• ஏற்றுதல் நிலைகளை நுணுக்கமாக நிர்வகிக்க <Suspense> எல்லைகளை உள்ளமைக்கவும்.
• தூய்மையான தரவுப் பெறுதல் தர்க்கத்திற்காக சஸ்பென்ஸுடன் ஒருங்கிணைக்கும் தனிப்பயன் ஹூக்குகளைப் பயன்படுத்தவும்.
• ரிலே (Relay) அல்லது அப்பல்லோ கிளையண்ட் (Apollo Client) போன்ற நூலகங்களைப் பயன்படுத்துவதைக் கருத்தில் கொள்ளுங்கள், அவை சஸ்பென்ஸிற்கு முதல்-வகுப்பு ஆதரவைக் கொண்டுள்ளன.

4. டிரான்சிஷன்களைப் பயன்படுத்துதல் (`startTransition`)

அவசரமற்ற UI புதுப்பிப்புகளை அடையாளம் கண்டு அவற்றை startTransition உடன் சுற்றவும்.

எப்போது பயன்படுத்த வேண்டும்:

• ஒரு பயனர் தட்டச்சு செய்த பிறகு தேடல் முடிவுகளைப் புதுப்பித்தல்.
• வழித்தடங்களுக்கு இடையில் வழிசெலுத்தல்.
• பெரிய பட்டியல்கள் அல்லது அட்டவணைகளை வடிகட்டுதல்.
• பயனர் தொடர்புகளை உடனடியாக பாதிக்காத கூடுதல் தரவை ஏற்றுதல்.

எடுத்துக்காட்டு: ஒரு அட்டவணையில் காட்டப்படும் ஒரு பெரிய தரவுத்தொகுப்பின் சிக்கலான வடிகட்டலுக்கு, நீங்கள் வடிகட்டி வினவல் நிலையை அமைத்து, பின்னர் அட்டவணை வரிசைகளின் உண்மையான வடிகட்டுதல் மற்றும் மறு-ரெண்டரிங்கிற்காக startTransition-ஐ அழைக்க வேண்டும். இது பயனர் விரைவாக வடிகட்டி அளவுகோல்களை மீண்டும் மாற்றினால், முந்தைய வடிகட்டுதல் செயல்பாடு பாதுகாப்பாக குறுக்கிடப்படலாம் என்பதை உறுதி செய்கிறது.

உலகளாவிய பார்வையாளர்களுக்கு இடையூறு செய்யக்கூடிய ரெண்டரிங்கின் நன்மைகள்

பல்வேறுபட்ட நெட்வொர்க் நிலைமைகள் மற்றும் சாதனத் திறன்களைக் கொண்ட உலகளாவிய பயனர் தளத்தைக் கருத்தில் கொள்ளும்போது, இடையூறு செய்யக்கூடிய ரெண்டரிங் மற்றும் கன்கரண்ட் மோடின் நன்மைகள் பெரிதாக்கப்படுகின்றன.

• மேம்படுத்தப்பட்ட உணரப்பட்ட செயல்திறன்: மெதுவான இணைப்புகள் அல்லது குறைந்த சக்திவாய்ந்த சாதனங்களில் கூட, UI பதிலளிக்கக்கூடியதாக இருக்கும். பயனர்கள் ஒரு வேகமான பயன்பாட்டை அனுபவிக்கிறார்கள், ஏனெனில் முக்கியமான தொடர்புகள் நீண்ட நேரம் தடுக்கப்படுவதில்லை.
• மேம்படுத்தப்பட்ட அணுகல்தன்மை: பயனர் தொடர்புகளுக்கு முன்னுரிமை அளிப்பதன் மூலம், உதவி தொழில்நுட்பங்களைச் சார்ந்திருக்கும் பயனர்களுக்கு அல்லது நிலையான பதிலளிக்கக்கூடிய இடைமுகத்தால் பயனடையும் அறிவாற்றல் குறைபாடுகள் உள்ள பயனர்களுக்கு பயன்பாடுகள் மேலும் அணுகக்கூடியதாகின்றன.
• குறைக்கப்பட்ட விரக்தி: உலகளாவிய பயனர்கள், பெரும்பாலும் வெவ்வேறு நேர மண்டலங்களில் மற்றும் மாறுபட்ட தொழில்நுட்ப அமைப்புகளுடன் செயல்படுகிறார்கள், உறைந்து போகாத அல்லது பின்தங்காத பயன்பாடுகளைப் பாராட்டுகிறார்கள். மென்மையான UX அதிக ஈடுபாடு மற்றும் திருப்திக்கு வழிவகுக்கிறது.
• சிறந்த வள மேலாண்மை: மொபைல் சாதனங்கள் அல்லது பழைய வன்பொருளில், CPU மற்றும் நினைவகம் பெரும்பாலும் கட்டுப்படுத்தப்படும் இடங்களில், இடையூறு செய்யக்கூடிய ரெண்டரிங் ரியாக்ட்டை திறமையாக வளங்களை நிர்வகிக்க அனுமதிக்கிறது, அத்தியாவசியமற்ற பணிகளை இடைநிறுத்தி முக்கியமானவற்றுக்கு வழி செய்கிறது.
• சாதனங்கள் முழுவதும் நிலையான அனுபவம்: ஒரு பயனர் சிலிக்கான் வேலியில் உள்ள உயர்நிலை டெஸ்க்டாப்பில் இருந்தாலும் சரி, தென்கிழக்கு ஆசியாவில் உள்ள பட்ஜெட் ஸ்மார்ட்போனில் இருந்தாலும் சரி, பயன்பாட்டின் முக்கிய பதிலளிப்புத் தன்மையைப் பராமரிக்க முடியும், இது வன்பொருள் மற்றும் நெட்வொர்க் திறன்களில் உள்ள இடைவெளியைக் குறைக்கிறது.

உலகெங்கிலும் உள்ள மாணவர்களால் பயன்படுத்தப்படும் ஒரு மொழி கற்றல் பயன்பாட்டைக் கவனியுங்கள். ஒரு மாணவர் ஒரு புதிய பாடத்தைப் பதிவிறக்கம் செய்கிறார் (ஒரு சாத்தியமான நீண்ட பணி), அதே நேரத்தில் மற்றொருவர் ஒரு விரைவான சொல்லகராதி கேள்விக்கு பதிலளிக்க முயற்சிக்கிறார் என்றால், இடையூறு செய்யக்கூடிய ரெண்டரிங், பதிவிறக்கம் நடந்துகொண்டிருந்தாலும், சொல்லகராதி கேள்விக்கு உடனடியாக பதிலளிக்கப்படுவதை உறுதி செய்கிறது. இது கற்றலுக்கு உடனடி பின்னூட்டம் இன்றியமையாத கல்வி கருவிகளுக்கு முக்கியமானது.

சாத்தியமான சவால்கள் மற்றும் கருத்தாய்வுகள்

கன்கரண்ட் மோட் குறிப்பிடத்தக்க நன்மைகளை வழங்கினாலும், அதை ஏற்றுக்கொள்வது ஒரு கற்றல் வளைவையும் சில கருத்தாய்வுகளையும் உள்ளடக்கியது:

• பிழைதிருத்தம் (Debugging): ஒத்திசைவற்ற மற்றும் இடையூறு செய்யக்கூடிய செயல்பாடுகளை பிழைதிருத்தம் செய்வது ஒத்திசைவான குறியீட்டை பிழைதிருத்தம் செய்வதை விட சவாலானதாக இருக்கும். செயல்பாட்டின் ஓட்டத்தையும், பணிகள் எப்போது இடைநிறுத்தப்படலாம் அல்லது மீண்டும் தொடங்கப்படலாம் என்பதையும் புரிந்துகொள்வதற்கு கவனமான கவனம் தேவை.
• மன மாதிரி மாற்றம்: டெவலப்பர்கள் தங்கள் சிந்தனையை முற்றிலும் வரிசைமுறை செயல்படுத்தல் மாதிரியிலிருந்து ஒரு போட்டித்தன்மை வாய்ந்த, நிகழ்வு-சார்ந்த அணுகுமுறைக்கு மாற்றியமைக்க வேண்டும். `startTransition` மற்றும் சஸ்பென்ஸின் தாக்கங்களைப் புரிந்துகொள்வது முக்கியம்.
• வெளிப்புற நூலகங்கள்: அனைத்து மூன்றாம் தரப்பு நூலகங்களும் கன்கரன்சி-விழிப்புடன் புதுப்பிக்கப்படவில்லை. தடுக்கும் செயல்பாடுகளைச் செய்யும் பழைய நூலகங்களைப் பயன்படுத்துவது இன்னும் UI உறைவுகளுக்கு வழிவகுக்கும். உங்கள் சார்புகள் இணக்கமாக இருப்பதை உறுதிப்படுத்துவது முக்கியம்.
• நிலை மேலாண்மை: ரியாக்ட்டின் உள்ளமைக்கப்பட்ட கன்கரன்சி அம்சங்கள் சக்திவாய்ந்தவை என்றாலும், சிக்கலான நிலை மேலாண்மை சூழ்நிலைகளுக்கு அனைத்து புதுப்பிப்புகளும் கன்கரண்ட் முன்னுதாரணத்திற்குள் சரியாக மற்றும் திறமையாக கையாளப்படுவதை உறுதிசெய்ய கவனமான பரிசீலனை தேவைப்படலாம்.

ரியாக்ட் கன்கரன்சியின் எதிர்காலம்

ரியாக்ட்டின் கன்கரன்சி பயணம் தொடர்கிறது. குழு ஷெட்யூலரைத் தொடர்ந்து செம்மைப்படுத்துகிறது, புதிய API-களை அறிமுகப்படுத்துகிறது, மற்றும் டெவலப்பர் அனுபவத்தை மேம்படுத்துகிறது. ஆஃப்ஸ்கிரீன் API போன்ற அம்சங்கள் (பயனர் உணரும் UI-ஐப் பாதிக்காமல் கூறுகளை ரெண்டர் செய்ய அனுமதிப்பது, முன்-ரெண்டரிங் அல்லது பின்னணிப் பணிகளுக்கு பயனுள்ளது) கன்கரண்ட் ரெண்டரிங் மூலம் என்ன சாதிக்க முடியும் என்பதற்கான சாத்தியங்களை மேலும் விரிவுபடுத்துகின்றன.

வலை மேலும் சிக்கலாகி, செயல்திறன் மற்றும் பதிலளிப்புக்கான பயனர் எதிர்பார்ப்புகள் தொடர்ந்து அதிகரித்து வருவதால், கன்கரண்ட் ரெண்டரிங் ஒரு தேர்வுமுறை மட்டுமல்ல, உலகளாவிய பார்வையாளர்களுக்கு ஏற்ற நவீன, ஈடுபாட்டுடன் கூடிய பயன்பாடுகளை உருவாக்குவதற்கான ஒரு அவசியமாக மாறி வருகிறது.

முடிவுரை

ரியாக்ட் கன்கரண்ட் மோட் மற்றும் அதன் முக்கிய கருத்தான இடையூறு செய்யக்கூடிய ரெண்டரிங், நாம் பயனர் இடைமுகங்களை உருவாக்கும் விதத்தில் ஒரு குறிப்பிடத்தக்க பரிணாம வளர்ச்சியைக் குறிக்கிறது. ரியாக்ட்டை ரெண்டரிங் பணிகளை இடைநிறுத்த, மீண்டும் தொடங்க மற்றும் முன்னுரிமை அளிக்க அனுமதிப்பதன் மூலம், நாம் செயல்திறன் மிக்கது மட்டுமல்லாமல், நம்பமுடியாத அளவிற்கு பதிலளிக்கக்கூடிய மற்றும் நெகிழ்ச்சியான பயன்பாடுகளை உருவாக்க முடியும், அதிக சுமை அல்லது கட்டுப்படுத்தப்பட்ட சூழல்களில் கூட.

ஒரு உலகளாவிய பார்வையாளர்களுக்கு, இது ஒரு சமமான மற்றும் சுவாரஸ்யமான பயனர் அனுபவத்திற்கு வழிவகுக்கிறது. உங்கள் பயனர்கள் உங்கள் பயன்பாட்டை ஐரோப்பாவில் உள்ள அதிவேக ஃபைபர் இணைப்பிலிருந்து அல்லது ஒரு வளரும் நாட்டில் உள்ள செல்லுலார் நெட்வொர்க்கிலிருந்து அணுகினாலும், கன்கரண்ட் மோட் உங்கள் பயன்பாடு வேகமாகவும் தடையின்றியும் உணர உதவுகிறது.

சஸ்பென்ஸ் மற்றும் டிரான்சிஷன்கள் போன்ற அம்சங்களைத் தழுவி, புதிய ரூட் API-க்கு இடம்பெயர்வது, ரியாக்ட்டின் முழுத் திறனையும் திறப்பதற்கான முக்கிய படிகள் ஆகும். இந்தக் கருத்துக்களைப் புரிந்துகொண்டு பயன்படுத்துவதன் மூலம், உலகெங்கிலும் உள்ள பயனர்களை உண்மையிலேயே மகிழ்விக்கும் அடுத்த தலைமுறை வலைப் பயன்பாடுகளை நீங்கள் உருவாக்கலாம்.

முக்கிய குறிப்புகள்:

• ரியாக்ட்டின் கன்கரண்ட் மோட் இடையூறு செய்யக்கூடிய ரெண்டரிங்கை அனுமதிக்கிறது, ஒத்திசைவான தடையிலிருந்து விடுபடுகிறது.
• சஸ்பென்ஸ், தானியங்கி தொகுப்பாக்குதல் மற்றும் டிரான்சிஷன்கள் போன்ற அம்சங்கள் இந்த கன்கரண்ட் அடித்தளத்தில் கட்டமைக்கப்பட்டுள்ளன.
• கன்கரண்ட் அம்சங்களை இயக்க `createRoot`-ஐப் பயன்படுத்தவும்.
• அவசரமற்ற புதுப்பிப்புகளை அடையாளம் கண்டு `startTransition` உடன் குறிக்கவும்.
• கன்கரண்ட் ரெண்டரிங் உலகளாவிய பயனர்களுக்கு, குறிப்பாக மாறுபட்ட நெட்வொர்க் நிலைமைகள் மற்றும் சாதனங்களில் UX-ஐ கணிசமாக மேம்படுத்துகிறது.
• உகந்த செயல்திறனுக்காக ரியாக்ட்டின் வளர்ந்து வரும் கன்கரன்சி அம்சங்களுடன் புதுப்பித்த நிலையில் இருங்கள்.

இன்றே உங்கள் திட்டங்களில் கன்கரண்ட் மோடை ஆராயத் தொடங்குங்கள் மற்றும் அனைவருக்கும் வேகமான, பதிலளிக்கக்கூடிய, மற்றும் மகிழ்ச்சியான பயன்பாடுகளை உருவாக்குங்கள்.