Redux DevTools
Redux DevTools மிகவும் எளிதாகக் extension கண்காணிக்கவும் பிழைத்திருத்தவும் உதவும் உலாவிக் கருவியாகும். Redux Store இது வரலாறு actions மற்றும் நிலைகளைக் காண ஒரு இடைமுகத்தை வழங்குகிறது, மேலும் காலப்போக்கில் மாற்றங்களைச் செல்லவும் பார்க்கவும் உங்களை அனுமதிக்கிறது Redux Store. பயன்பாட்டின் நிலை actions ஏற்படும் போது எவ்வாறு மாறுகிறது என்பதைப் புரிந்துகொள்ள இது உதவுகிறது.
Redux DevTools பயன்பாட்டில் ஒருங்கிணைக்க Next.js, நீங்கள் நூலகத்தைப் பயன்படுத்தலாம் redux-devtools-extension
. அதை எவ்வாறு ஒருங்கிணைப்பது என்பதற்கான எடுத்துக்காட்டு இங்கே:
நிறுவு Redux DevTools Extension:
Redux DevTools Extension உருவாக்கும் போது பயன்படுத்தவும் Redux Store:
உங்கள் உலாவியில் திறக்கும் போது, நிலை மற்றும் இன் நிலையைக் Redux DevTools கண்காணிக்க புதிய தாவலைக் காண்பீர்கள். actions Redux Store
நேரப் பயணம் Redux
டைம் டிராவல் இன் மூலம் மாநிலத்தில் ஏற்படும் மாற்றங்களைக் கண்காணிக்க Redux மாநிலங்களுக்கு இடையே முன்னும் பின்னுமாக செல்லக்கூடிய திறனைக் குறிக்கிறது. உடன் இணைந்தால், காலப் பயணம் காலப்போக்கில் இன் நிலை எவ்வாறு மாறுகிறது என்பதைக் குறிப்பாகக் கவனிக்க உதவுகிறது. Redux Store actions Redux DevTools Redux Store
மேம்பட்ட Routing மற்றும் Redux ஒருங்கிணைப்பு Next.js
routing மேம்பட்ட மற்றும் Redux இல் ஒருங்கிணைக்க Next.js, நீங்கள் பின்வரும் படிகளைப் பின்பற்றலாம்:
react-router-dom
மற்றும் redux-thunk
நூலகங்களை நிறுவவும் :
ஒத்திசைவு பயன்பாட்டுடன் வரையறுத்து Redux Thunk Middleware உருவாக்கவும் Actions :
ரீட் மற்றும் Reducers டேட்டா Routing :
பக்கத்தில் உருவாக்கி Router பயன்படுத்தவும் Redux Next.js : _
பக்கத்தில் Router மற்றும் பயன்படுத்தவும் Redux Next.js : _
Redux எப்படி ஒருங்கிணைக்க routing வேண்டும் என்பதற்கு ஒப்பீட்டளவில் எளிமையான உதாரணம் என்பதை நினைவில் கொள்ளவும் Next.js. நிஜ-உலக பயன்பாட்டில், உங்கள் திட்டப்பணியின் குறிப்பிட்ட தேவைகளைப் பூர்த்தி செய்ய நீங்கள் பலவற்றைக் கருத்தில் கொண்டு தனிப்பயனாக்க வேண்டியிருக்கலாம்.