React State Management: ਕਦੋਂ ਕੀ ਵਰਤਣਾ ਹੈ
ਤੁਸੀਂ ਇੱਕ ਨਵਾਂ React ਪ੍ਰੋਜੈਕਟ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ। ਇਹ ਬਹੁਤ ਸਾਫ਼-ਸੁਥਰਾ ਲੱਗਦਾ ਹੈ। ਫਿਰ ਤੁਸੀਂ ਪੰਜ ਲੇਅਰਾਂ ਰਾਹੀਂ ਡੇਟਾ ਪਾਸ ਕਰਦੇ ਹੋ। ਇਹ prop-drilling ਹੈ। ਤੁਸੀਂ ਫਸਿਆ ਹੋਇਆ ਮਹਿਸੂਸ ਕਰਦੇ ਹੋ।
ਸਹੀ ਟੂਲ ਚੁਣੋ।
useState: ਤੁਹਾਡੀ ਜੇਬ ਇਸਦੀ ਵਰਤੋਂ ਲੋਕਲ ਡੇਟਾ ਲਈ ਕਰੋ। ਛੋਟੀਆਂ ਚੀਜ਼ਾਂ ਇੱਥੇ ਰੱਖੋ।
- ਡ੍ਰੌਪਡਾਊਨ ਸਟੇਟਸ
- ਇਨਪੁਟ ਫੀਲਡਸ ਇਸਨੂੰ ਲੋਕਲ ਰੱਖੋ।
Context API: ਪਰਿਵਾਰ ਦਾ ਫਰਿੱਜ ਹਰ ਕੋਈ ਬਿਨਾਂ ਪੁੱਛੇ ਡੇਟਾ ਲੈ ਲੈਂਦਾ ਹੈ। ਇਸਦੀ ਵਰਤੋਂ ਗਲੋਬਲ ਡੇਟਾ ਲਈ ਕਰੋ।
- ਯੂਜ਼ਰ ਲੌਗਇਨ ਸਟੇਟਸ
- ਥੀਮ ਸੈਟਿੰਗਜ਼
- ਭਾਸ਼ਾ ਦੀਆਂ ਪਸੰਦਾਂ ਇਸਦੀ ਵਰਤੋਂ ਉਸ ਡੇਟਾ ਲਈ ਕਰੋ ਜੋ ਬਹੁਤ ਘੱਟ ਬਦਲਦਾ ਹੈ।
Zustand: ਸਟੋਰੇਜ ਯੂਨਿਟ ਇਹ ਟੂਲ ਵਿਵਸਥਿਤ ਹੈ। ਇਸਦੀ ਵਰਤੋਂ ਭਾਰੀ ਡੇਟਾ ਲਈ ਕਰੋ।
- ਸ਼ਾਪਿੰਗ ਕਾਰਟਸ
- ਗੁੰਝਲਦਾਰ ਡੈਸ਼ਬੋਰਡਸ ਇਸਦੀ ਵਰਤੋਂ ਉਦੋਂ ਕਰੋ ਜਦੋਂ ਤੁਹਾਡੀ ਐਪ ਬਹੁਤ ਉਲਝੀ ਹੋਈ ਮਹਿਸੂਸ ਹੋਵੇ।
ਯੋਜਨਾ:
- useState ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ।
- ਜਦੋਂ prop-drilling ਮੁਸ਼ਕਲ ਬਣ ਜਾਵੇ ਤਾਂ Context 'ਤੇ ਜਾਓ।
- ਜਦੋਂ ਪਰਫਾਰਮੈਂਸ ਘਟਣ ਲੱਗੇ ਤਾਂ Zustand 'ਤੇ ਬਦਲ ਜਾਓ।
ਇਸਨੂੰ ਸਰਲ ਰੱਖੋ। ਹੈਪੀ ਕੋਡਿੰਗ।
ਸਰੋਤ: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1