React Native 0.61 Update នាំមកនូវមុខងារថ្មីដ៏សំខាន់ដែលធ្វើអោយបទពិសោធន៍នៃការអភិវឌ្ឍន៍ប្រសើរឡើង។
លក្ខណៈពិសេសរបស់ React Native 0.61
នៅក្នុង React Native 0.61 យើងកំពុងភ្ជាប់ជាមួយ "ការផ្ទុកឡើងវិញបន្តផ្ទាល់" បច្ចុប្បន្ន (ផ្ទុកឡើងវិញដោយរក្សាទុក) និង "ការផ្ទុកឡើងវិញក្តៅ" ទៅជាលក្ខណៈពិសេសថ្មីតែមួយគត់ដែលហៅថា "ធ្វើឱ្យស្រស់លឿន" ។ Fast Refresh មានគោលការណ៍ដូចខាងក្រោមៈ
- ធ្វើឱ្យស្រស់លឿន គាំទ្រទាំងស្រុងនូវ React បច្ចុប្បន្ន រួមទាំងសមាសធាតុមុខងារ និង Hooks ។
- Fast Refresh ស្តារឡើងវិញបន្ទាប់ពីការវាយបញ្ចូល និងកំហុសផ្សេងៗ ហើយត្រលប់ទៅការផ្ទុកឡើងវិញពេញលេញវិញនៅពេលចាំបាច់។
- Fast Refresh មិនធ្វើការផ្លាស់ប្តូរកូដឈ្លានពានទេ ដូច្នេះវាអាចទុកចិត្តបានគ្រប់គ្រាន់ដើម្បីបើកតាមលំនាំដើម។
ធ្វើឱ្យស្រស់លឿន
ប្រតិកម្មដើម មានការផ្សាយបន្តផ្ទាល់ និងការផ្ទុកឡើងវិញដ៏ក្តៅគគុកមួយរយៈឥឡូវនេះ។ ការផ្ទុកឡើងវិញផ្ទាល់នឹងផ្ទុកកម្មវិធីទាំងមូលឡើងវិញនៅពេលដែលវាបានរកឃើញការផ្លាស់ប្តូរលេខកូដ។ វានឹងបាត់បង់ទីតាំងបច្ចុប្បន្នរបស់អ្នកនៅក្នុងកម្មវិធី ប៉ុន្តែនឹងធានាថាលេខកូដមិនស្ថិតក្នុងស្ថានភាពខូច។ ការផ្ទុកឡើងវិញយ៉ាងក្តៅគគុកនឹងព្យាយាម "ជួសជុល" តាមការវិវត្តដែលអ្នកបានធ្វើ។ នេះអាចត្រូវបានធ្វើដោយមិនចាំបាច់ផ្ទុកកម្មវិធីទាំងមូលឡើងវិញ ដែលអនុញ្ញាតឱ្យអ្នកមើលឃើញដំណើរការរបស់អ្នកលឿនជាងមុន។
ការផ្ទុកឡើងវិញយ៉ាងក្តៅគគុកស្តាប់ទៅអស្ចារ្យណាស់ ទោះបីជាយ៉ាងណាក៏ដោយ វាមានកំហុស ហើយមិនដំណើរការជាមួយមុខងារ React បច្ចុប្បន្នដូចជាសមាសធាតុមុខងារជាមួយទំពក់ទេ។
ក្រុម React Native បានបង្កើតមុខងារទាំងពីរនេះឡើងវិញ ហើយបញ្ចូលវាទៅក្នុងមុខងារ Fast Reload ថ្មី។ វាត្រូវបានបើកដំណើរការលំនាំដើម ហើយនឹងធ្វើនូវអ្វីដែលអាចប្រៀបធៀបទៅនឹងការផ្ទុកឡើងវិញក្តៅ ដែលអាចធ្វើទៅបាន ដោយធ្លាក់ចុះត្រឡប់ទៅការផ្ទុកឡើងវិញពេញលេញ ប្រសិនបើវាពិតជាមិនមែន។
ធ្វើបច្ចុប្បន្នភាពទៅ React Native 0.61
ដូចគ្នានេះដែរ ជាមួយនឹងការអាប់ដេត React Native ទាំងអស់ វាត្រូវបានស្នើឱ្យអ្នកពិនិត្យមើលភាពខុសប្លែកគ្នាសម្រាប់គម្រោងដែលបានបង្កើតថ្មីៗនេះ ហើយអនុវត្តការផ្លាស់ប្តូរទាំងនេះចំពោះគម្រោងផ្ទាល់ខ្លួនរបស់អ្នក។
ធ្វើបច្ចុប្បន្នភាពកំណែអាស្រ័យ
ជំហានដំបូងគឺដើម្បីធ្វើឱ្យប្រសើរឡើងនូវលក្ខខណ្ឌនៅក្នុង package.json របស់អ្នក ហើយណែនាំពួកគេ។ សូមចងចាំថាកំណែ React Native នីមួយៗត្រូវបានភ្ជាប់ទៅកំណែជាក់លាក់នៃ React ដូច្នេះត្រូវប្រាកដថាអ្នកធ្វើបច្ចុប្បន្នភាពវាផងដែរ។ អ្នកក៏គួរតែធានាថា React-test-renderer ដូចគ្នាទៅនឹង React version។ ប្រសិនបើអ្នកប្រើវា ហើយដំឡើងកំណែ metro-react-native-babel-preset និង Babel ។
ការធ្វើឱ្យប្រសើរលំហូរ
ចាប់ផ្តើមសាមញ្ញមួយ។ កំណែនៃលំហូរដែល React Native ប្រើត្រូវបានធ្វើឱ្យស្រស់ក្នុង 0.61។ នេះបញ្ជាក់ថាអ្នកត្រូវធានាថាភាពអាស្រ័យនៃធុងលំហូរដែលអ្នកមានត្រូវបានកំណត់ទៅ ^0.105.0 ហើយអ្នកមានតម្លៃស្រដៀងគ្នានៅក្នុង [កំណែ] ឯកសារ .flowconfig របស់អ្នក។
ប្រសិនបើអ្នកកំពុងប្រើ Flow សម្រាប់ការពិនិត្យមើលប្រភេទនៅក្នុងគម្រោងរបស់អ្នក វាអាចបណ្តាលឱ្យមានកំហុសបន្ថែមនៅក្នុងកូដផ្ទាល់ខ្លួនរបស់អ្នក។ ការផ្តល់យោបល់ដ៏ល្អបំផុតគឺថាអ្នកស៊ើបអង្កេតកំណត់ហេតុនៃការផ្លាស់ប្តូរសម្រាប់កំណែក្នុងចន្លោះ 0.98 និង 0.105 ដើម្បីដឹងពីអ្វីដែលអាចបណ្តាលឱ្យពួកគេ។
ប្រសិនបើអ្នកកំពុងប្រើ Typescript សម្រាប់វាយអត្ថបទពិនិត្យកូដរបស់អ្នក អ្នកពិតជាអាចលុបឯកសារ .flowconfig និងភាពអាស្រ័យនៃ flow bin ហើយមិនអើពើនឹងភាពខុសគ្នានេះបន្តិច។
ប្រសិនបើអ្នកមិនប្រើឧបករណ៍ពិនិត្យប្រភេទទេ វាត្រូវបានណែនាំថាអ្នកអាចពិនិត្យមើលការប្រើប្រាស់មួយ។ ជម្រើសណាមួយនឹងដំណើរការ ទោះជាយ៉ាងណាក៏ដោយ វាត្រូវបានណែនាំឱ្យប្រើ Typescript ។