சர்வர் கூறுகள் மற்றும் கிளைன்ட் கூறுகள்: ஒரு விரிவான வழிகாட்டி

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

சர்வர் கூறுகள் என்றால் என்ன?

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

சர்வர் கூறுகளின் முக்கிய பண்புகள்:

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

சர்வர் கூறுகளுக்கான பயன்பாட்டு நிகழ்வுகள்:

• தரவுப் பெறுதல்: சர்வர் கூறுகள் தரவுத்தளங்கள், APIகள் அல்லது பிற தரவு மூலங்களிலிருந்து தரவைப் பெறுவதற்கு ஏற்றவை. கிளைன்ட்-பக்க தரவுப் பெறுதல் நூலகங்கள் தேவையில்லாமல் இந்த மூலங்களை நேரடியாக வினவலாம்.
• நிலையான உள்ளடக்கத்தை ரெண்டரிங் செய்தல்: வலைப்பதிவு இடுகைகள், ஆவணங்கள் அல்லது சந்தைப்படுத்தல் பக்கங்கள் போன்ற நிலையான உள்ளடக்கத்தை ரெண்டரிங் செய்ய சர்வர் கூறுகள் மிகவும் பொருத்தமானவை. அவை சர்வரில் இயங்குவதால், HTML-ஐ முன்கூட்டியே உருவாக்க முடியும், இது எஸ்இஓ மற்றும் ஆரம்பப் பக்க ஏற்றுதல் நேரத்தை மேம்படுத்துகிறது.
• அங்கீகாரம் மற்றும் அதிகாரமளித்தல்: சர்வர் கூறுகள் அங்கீகாரம் மற்றும் அதிகாரமளித்தல் தர்க்கத்தை சர்வரில் கையாள முடியும், அங்கீகரிக்கப்பட்ட பயனர்கள் மட்டுமே முக்கியமான தரவு மற்றும் செயல்பாடுகளை அணுகுவதை உறுதி செய்கிறது.
• டைனமிக் உள்ளடக்கத்தை உருவாக்குதல்: டைனமிக் உள்ளடக்கத்தைக் கையாளும்போதும், சர்வர் கூறுகள் பக்கத்தின் ஒரு குறிப்பிடத்தக்க பகுதியை சர்வரில் முன்கூட்டியே ரெண்டர் செய்ய முடியும், இது பயனருக்கு உணரப்பட்ட செயல்திறனை மேம்படுத்துகிறது.

ஒரு சர்வர் கூறுகளின் எடுத்துக்காட்டு (நெக்ஸ்ட்.js):

```javascript // app/components/BlogPosts.js import { getBlogPosts } from '../lib/data'; async function BlogPosts() { const posts = await getBlogPosts(); return (

{posts.map((post) => (

• {post.title}

  {post.excerpt}

))}

); } export default BlogPosts; ```

இந்த எடுத்துக்காட்டில், `BlogPosts` கூறு `getBlogPosts` செயல்பாட்டைப் பயன்படுத்தி ஒரு தரவுத்தளத்திலிருந்து வலைப்பதிவு இடுகைகளைப் பெறுகிறது. இந்த கூறு ஒரு சர்வர் கூறு என்பதால், தரவுப் பெறுதல் மற்றும் ரெண்டரிங் சர்வரில் நடைபெறுகிறது, இதன் விளைவாக ஆரம்பப் பக்க ஏற்றுதல் வேகம் அதிகரிக்கிறது.

கிளைன்ட் கூறுகள் என்றால் என்ன?

மறுபுறம், கிளைன்ட் கூறுகள் உலாவியில் இயங்கும் பாரம்பரிய ரியாக்ட் கூறுகளாகும். அவை பயனர் தொடர்புகளைக் கையாள்வது, நிலையை நிர்வகிப்பது மற்றும் UI-ஐ டைனமிக்காகப் புதுப்பிப்பது ஆகியவற்றிற்குப் பொறுப்பாகும்.

கிளைன்ட் கூறுகளின் முக்கிய பண்புகள்:

• கிளைன்ட்-பக்க இயக்கம்: கிளைன்ட் கூறுகள் பயனரின் உலாவியில் இயங்குகின்றன, அவை பயனர் தொடர்புகளைக் கையாளவும் UI-ஐ டைனமிக்காகப் புதுப்பிக்கவும் அனுமதிக்கின்றன.
• ஜாவாஸ்கிரிப்ட் பண்டில் அளவு: கிளைன்ட் கூறுகள் கிளைன்ட்-பக்க ஜாவாஸ்கிரிப்ட் பண்டிலுக்கு பங்களிக்கின்றன, இது ஆரம்பப் பக்க ஏற்றுதல் நேரத்தைப் பாதிக்கலாம். பண்டில் அளவில் அவற்றின் தாக்கத்தைக் குறைக்க கிளைன்ட் கூறுகளை மேம்படுத்துவது மிகவும் முக்கியம்.
• ஊடாடும் UI: பொத்தான்கள், படிவங்கள் மற்றும் அனிமேஷன்கள் போன்ற ஊடாடும் UI கூறுகளை உருவாக்குவதற்கு கிளைன்ட் கூறுகள் அவசியம்.
• நிலை மேலாண்மை: கிளைன்ட் கூறுகள் ரியாக்ட்டின் உள்ளமைக்கப்பட்ட நிலை மேலாண்மை அம்சங்களைப் பயன்படுத்தி (எ.கா., `useState`, `useReducer`) அல்லது வெளிப்புற நிலை மேலாண்மை நூலகங்களைப் பயன்படுத்தி (எ.கா., Redux, Zustand) தங்கள் சொந்த நிலையை நிர்வகிக்கலாம்.

கிளைன்ட் கூறுகளுக்கான பயன்பாட்டு நிகழ்வுகள்:

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

ஒரு கிளைன்ட் கூறுகளின் எடுத்துக்காட்டு (ரியாக்ட்/நெக்ஸ்ட்.js):

```javascript // app/components/Counter.js 'use client' import { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); return ( ); } export default Counter; ```

இந்த எடுத்துக்காட்டில், `Counter` கூறு `useState` ஹூக்கைப் பயன்படுத்தி அதன் சொந்த நிலையை நிர்வகிக்கிறது. பயனர் "Increment" பொத்தானைக் கிளிக் செய்யும்போது, கூறு நிலையைப் புதுப்பித்து UI-ஐ மீண்டும் ரெண்டர் செய்கிறது. கோப்பின் மேலே உள்ள `'use client'` உத்தரவு இதை ஒரு கிளைன்ட் கூறாகக் குறிக்கிறது.

முக்கிய வேறுபாடுகளின் சுருக்கம்

வேறுபாடுகளை இன்னும் தெளிவாக விளக்க, முக்கிய வேறுபாடுகளைச் சுருக்கமாகக் காட்டும் ஒரு அட்டவணை இதோ:

அம்சம்	சர்வர் கூறுகள்	கிளைன்ட் கூறுகள்
இயக்கச் சூழல்	சர்வர்	உலாவி
ஜாவாஸ்கிரிப்ட் பண்டில் அளவு	தாக்கமில்லை	பண்டில் அளவை அதிகரிக்கிறது
தரவுப் பெறுதல்	நேரடி தரவுத்தள அணுகல்	API அடுக்கு தேவை (பொதுவாக)
நிலை மேலாண்மை	வரையறுக்கப்பட்டது (ஆரம்ப ரெண்டருக்கு மட்டும்)	முழு ஆதரவு
பயனர் தொடர்புகள்	நேரடியாக இல்லை	ஆம்
பாதுகாப்பு	மேம்படுத்தப்பட்டது (இரகசியங்கள் சர்வரில் இருக்கும்)	இரகசியங்களை கவனமாகக் கையாள வேண்டும்

சர்வர் மற்றும் கிளைன்ட் கூறுகளுக்கு இடையே தேர்வு செய்தல்: ஒரு முடிவு கட்டமைப்பு

சரியான கூறு வகையைத் தேர்ந்தெடுப்பது செயல்திறன் மற்றும் பராமரிப்பிற்கு மிகவும் முக்கியம். இதோ ஒரு முடிவெடுக்கும் செயல்முறை:

1. செயல்திறன்-முக்கியமான பகுதிகளை அடையாளம் காணுதல்: ஆரம்பப் பக்க ஏற்றுதல், எஸ்இஓ-முக்கியமான உள்ளடக்கம் மற்றும் தரவு-அதிகம் உள்ள பக்கங்கள் போன்ற உங்கள் பயன்பாட்டின் செயல்திறன்-உணர்திறன் வாய்ந்த பிரிவுகளுக்கு சர்வர் கூறுகளுக்கு முன்னுரிமை அளியுங்கள்.
2. ஊடாட்டத் தேவைகளை மதிப்பிடுதல்: ஒரு கூறுக்கு குறிப்பிடத்தக்க கிளைன்ட்-பக்க ஊடாட்டம், நிலை மேலாண்மை அல்லது உலாவி APIகளுக்கான அணுகல் தேவைப்பட்டால், அது ஒரு கிளைன்ட் கூறாக இருக்க வேண்டும்.
3. தரவுப் பெறுதல் தேவைகளைக் கருத்தில் கொள்ளுங்கள்: ஒரு கூறு ஒரு தரவுத்தளம் அல்லது API இலிருந்து தரவைப் பெற வேண்டுமானால், சர்வரில் நேரடியாக தரவைப் பெற ஒரு சர்வர் கூறைப் பயன்படுத்தவும்.
4. பாதுகாப்பு தாக்கங்களை மதிப்பீடு செய்யுங்கள்: ஒரு கூறு முக்கியமான தரவை அணுக அல்லது முக்கியமான செயல்பாடுகளைச் செய்ய வேண்டுமானால், தரவையும் தர்க்கத்தையும் சர்வரில் வைத்திருக்க ஒரு சர்வர் கூறைப் பயன்படுத்தவும்.
5. இயல்புநிலையாக சர்வர் கூறுகளுடன் தொடங்கவும்: நெக்ஸ்ட்.js-ல், சர்வர் கூறுகளுடன் தொடங்கி, தேவைப்படும்போது மட்டுமே கிளைன்ட் கூறுகளைத் தேர்ந்தெடுக்க ரியாக்ட் உங்களை ஊக்குவிக்கிறது.

சர்வர் மற்றும் கிளைன்ட் கூறுகளைப் பயன்படுத்துவதற்கான சிறந்த நடைமுறைகள்

சர்வர் மற்றும் கிளைன்ட் கூறுகளின் நன்மைகளை அதிகரிக்க, இந்த சிறந்த நடைமுறைகளைப் பின்பற்றவும்:

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

பொதுவான ஆபத்துகள் மற்றும் அவற்றை எவ்வாறு தவிர்ப்பது

சர்வர் மற்றும் கிளைன்ட் கூறுகளுடன் வேலை செய்வது சில சவால்களை அளிக்கலாம். இதோ சில பொதுவான ஆபத்துகள் மற்றும் அவற்றை எவ்வாறு தவிர்ப்பது:

• சர்வர் கூறுகளில் தற்செயலான கிளைன்ட்-பக்க சார்புகள்: உங்கள் சர்வர் கூறுகள் தற்செயலாக கிளைன்ட்-பக்க நூலகங்கள் அல்லது APIகளைச் சார்ந்து இல்லை என்பதை உறுதிப்படுத்தவும். இது பிழைகள் அல்லது எதிர்பாராத நடத்தைக்கு வழிவகுக்கும்.
• கிளைன்ட் கூறுகளின் மீது அதிகப்படியான நம்பிக்கை: தேவையற்ற முறையில் கிளைன்ட் கூறுகளைப் பயன்படுத்துவதைத் தவிர்க்கவும். உலாவியில் பதிவிறக்கப்பட்டு இயக்கப்பட வேண்டிய ஜாவாஸ்கிரிப்டின் அளவைக் குறைக்க முடிந்தவரை சர்வர் கூறுகளைப் பயன்படுத்தவும்.
• திறமையற்ற தரவுப் பெறுதல்: தேவையற்ற நெட்வொர்க் கோரிக்கைகள் மற்றும் தரவுத்தள வினவல்களைத் தவிர்க்க சர்வர் கூறுகளில் தரவுப் பெறுதலை மேம்படுத்துங்கள். செயல்திறனை மேம்படுத்த கேச்சிங் மற்றும் பிற நுட்பங்களைப் பயன்படுத்தவும்.
• சர்வர் மற்றும் கிளைன்ட் தர்க்கத்தைக் கலத்தல்: சர்வர்-பக்க மற்றும் கிளைன்ட்-பக்க தர்க்கத்தை தனித்தனியாக வைத்திருங்கள். பராமரிப்பை மேம்படுத்தவும் பிழைகளின் அபாயத்தைக் குறைக்கவும் அவற்றை ஒரே கூறில் கலப்பதைத் தவிர்க்கவும்.
• தவறான `"use client"` உத்தரவு இடம்: கிளைன்ட் கூறுகளைக் கொண்ட எந்தவொரு கோப்பின் மேலேயும் `"use client"` உத்தரவு சரியாக வைக்கப்பட்டுள்ளதா என்பதை உறுதிப்படுத்தவும். தவறான இடம் எதிர்பாராத பிழைகளுக்கு வழிவகுக்கும்.

சர்வர் மற்றும் கிளைன்ட் கூறுகளின் எதிர்காலம்

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

• மேம்படுத்தப்பட்ட தரவுப் பெறுதல் APIகள்: சர்வர் கூறுகளுக்கான திறமையான மற்றும் நெகிழ்வான தரவுப் பெறுதல் APIகள்.
• மேம்பட்ட குறியீடு பிரித்தல் நுட்பங்கள்: ஜாவாஸ்கிரிப்ட் பண்டில்களின் அளவைக் குறைக்க குறியீடு பிரித்தலில் மேலும் மேம்படுத்தல்கள்.
• பின்தள சேவைகளுடன் தடையற்ற ஒருங்கிணைப்பு: தரவு அணுகல் மற்றும் நிர்வாகத்தை எளிதாக்க பின்தள சேவைகளுடன் இறுக்கமான ஒருங்கிணைப்பு.
• மேம்படுத்தப்பட்ட பாதுகாப்பு அம்சங்கள்: முக்கியமான தரவைப் பாதுகாக்கவும் அங்கீகரிக்கப்படாத அணுகலைத் தடுக்கவும் மேலும் வலுவான பாதுகாப்பு அம்சங்கள்.
• மேம்படுத்தப்பட்ட டெவலப்பர் அனுபவம்: டெவலப்பர்கள் சர்வர் மற்றும் கிளைன்ட் கூறுகளுடன் வேலை செய்வதை எளிதாக்கும் கருவிகள் மற்றும் அம்சங்கள்.

முடிவுரை

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