𝗥𝗲𝗮𝗰𝘁 𝗦𝘁𝗮𝘁𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁: ક્યારે શું વાપરવું
તમે એક નવો React પ્રોજેક્ટ શરૂ કરો છો. તે એકદમ ચોખ્ખો લાગે છે. પછી તમે પાંચ લેયર સુધી ડેટા પાસ કરો છો. આને prop-drilling કહેવાય છે. તમને લાગે છે કે તમે અટવાઈ ગયા છો.
સાચું સાધન પસંદ કરો.
useState: તમારું ખિસ્સું આનો ઉપયોગ લોકલ ડેટા માટે કરો. નાની વસ્તુઓ અહીં રાખો.
- ડ્રોપડાઉન સ્ટેટસ
- ઇનપુટ ફીલ્ડ્સ તેને લોકલ રાખો.
Context API: ફેમિલી ફ્રીજ દરેક વ્યક્તિ પૂછ્યા વગર ડેટા મેળવી લે છે. આનો ઉપયોગ ગ્લોબલ ડેટા માટે કરો.
- યુઝર લોગિન સ્ટેટસ
- થીમ સેટિંગ્સ
- ભાષાની પસંદગીઓ આનો ઉપયોગ એવા ડેટા માટે કરો જે ભાગ્યે જ બદલાય છે.
Zustand: સ્ટોરેજ યુનિટ આ સાધન વ્યવસ્થિત છે. તેનો ઉપયોગ હેવી ડેટા માટે કરો.
- શોપિંગ કાર્ટ
- જટિલ ડેશબોર્ડ્સ જ્યારે તમારું એપ અસ્તવ્યસ્ત લાગે ત્યારે આનો ઉપયોગ કરો.
પ્લાન:
- useState થી શરૂઆત કરો.
- જ્યારે prop-drilling મુશ્કેલી ઊભી કરે ત્યારે Context પર જાઓ.
- જ્યારે પરફોર્મન્સ ઘટે ત્યારે Zustand પર સ્વિચ કરો.
તેને સરળ રાખો. હેપ્પી કોડિંગ.
Source: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1