ස්වදේශීය ලෙස ප්‍රතික්‍රියා කරන්න

React Native 0.61 යාවත්කාලීනය සංවර්ධන අත්දැකීම වැඩිදියුණු කරන ප්‍රධාන නව විශේෂාංගයක් ගෙන එයි.

 

ප්‍රතික්‍රියා ස්වදේශික 0.61 හි විශේෂාංග

React Native 0.61 හි, අපි වත්මන් “සජීවී නැවත පූරණය” (සුරකින විට නැවත පූරණය) සහ “උණුසුම් නැවත පූරණය” උද්දීපනයන් “Fast Refresh” නම් තනි නව විශේෂාංගයකට සම්බන්ධ කරමු. වේගවත් නැවුම් කිරීම පහත සඳහන් මූලධර්ම වලින් සමන්විත වේ:

 

  1. වේගවත් නැවුම් කිරීම ක්‍රියාකාරී සංරචක සහ කොකු ඇතුළුව වත්මන් ප්‍රතික්‍රියාව සම්පූර්ණයෙන්ම සහය දක්වයි.
  2. Fast Refresh යතුරු ලියන දෝෂ සහ විවිධ වැරදි පියවරයන්ගෙන් පසුව යථා තත්ත්වයට පත් වන අතර අවශ්‍ය විටදී සම්පූර්ණ නැවත පූරණයකට ආපසු යයි.
  3. වේගවත් නැවුම් කිරීම ආක්‍රමණශීලී කේත වෙනස් කිරීම් සිදු නොකරන බැවින් එය පෙරනිමියෙන් ක්‍රියාත්මක වීමට තරම් විශ්වාසදායක වේ.

 

වේගවත් නැවුම් කිරීම

ස්වදේශීය ලෙස ප්‍රතික්‍රියා කරන්න දැන් සෑහෙන කාලයක සිට සජීවී නැවත පූරණය සහ උණුසුම් නැවත පූරණය කර ඇත. සජීවී නැවත පූරණය කිරීම කේත වෙනස්වීමක් අනාවරණය කරගත් විට සම්පූර්ණ යෙදුම නැවත පූරණය කරනු ඇත. මෙය යෙදුම තුළ ඔබගේ වර්තමාන ස්ථානය අහිමි වනු ඇත, කෙසේ වෙතත්, කේතය බිඳුණු තත්වයක නොතිබීම සහතික කරයි. උණුසුම් නැවත පූරණය කිරීම ඔබ සිදු කර ඇති ප්‍රගතිය සරලව "නිවැරදි කිරීමට" උත්සාහ කරයි. මෙය සම්පූර්ණ යෙදුම නැවත පූරණය නොකර සිදු කළ හැකි අතර, ඔබේ ප්‍රගතිය වඩා ඉක්මනින් දැකීමට ඔබට ඉඩ සලසයි.

උණුසුම් නැවත පූරණය කිරීම විශිෂ්ට ලෙස පෙනුනි, කෙසේ වෙතත්, එය තරමක් දෝෂ සහිත වූ අතර කොකු සහිත ක්‍රියාකාරී සංරචක වැනි වත්මන් ප්‍රතික්‍රියා විශේෂාංග සමඟ ක්‍රියා කළේ නැත.

React Native සමූහය මෙම විශේෂාංග දෙකම ප්‍රතිනිර්මාණය කර නව Fast Reload විශේෂාංගයට ඒකාබද්ධ කර ඇත. එය පෙරනිමියෙන් සක්‍රීය කර ඇති අතර හැකි සෑම විටම උණුසුම් රීලෝඩ් එකක් සමඟ සැසඳිය හැකි දේ සිදු කරනු ඇත, එය නියත වශයෙන්ම එසේ නොවේ නම් සම්පූර්ණ රීලෝඩ් එකකට ආපසු වැටේ.

 

React Native 0.61 වෙත උත්ශ්‍රේණි කිරීම

ඒ හා සමානව, සියලුම ප්‍රතික්‍රියා ස්වදේශීය උත්ශ්‍රේණි කිරීම් සමඟ, ඔබ මෑතකදී සාදන ලද ව්‍යාපෘති සඳහා වෙනස දෙස බලා ඔබේම ව්‍යාපෘතියට මෙම වෙනස්කම් යොදන ලෙස යෝජනා කෙරේ.

 

යැපුම් අනුවාද යාවත්කාලීන කරන්න

මූලික පියවර වන්නේ ඔබේ package.json හි කොන්දේසි උත්ශ්‍රේණි කර ඒවා හඳුන්වා දීමයි. සෑම ප්‍රතික්‍රියා ස්වදේශීය අනුවාදයක්ම ප්‍රතික්‍රියා හි නිශ්චිත අනුවාදයකට අමුණා ඇති බව මතක තබා ගන්න, එබැවින් ඔබ එයද යාවත්කාලීන කරන බවට සහතික වන්න. React-test-renderer React අනුවාදයට ගැළපෙන බව ඔබ සහතික විය යුතුය. ඔබ එය භාවිතා කරන්නේ නම් සහ එය metro-react-native-babel-preset සහ Babel අනුවාද උත්ශ්‍රේණි කරන්න.

 

ප්රවාහ උත්ශ්රේණි කිරීම

මුල සරල එකක්. React Native භාවිතා කරන Flow හි අනුවාදය 0.61 හිදී නැවුම් කර ඇත. මෙයින් ඇඟවෙන්නේ ඔබ සතුව ඇති ප්‍රවාහ බහාලුම් පරායත්තතාව ^0.105.0 ලෙස සකසා ඇති බව සහතික කිරීමට අවශ්‍ය වන අතර ඔබට [අනුවාදය] ඔබේ .flowconfig ගොනුවෙහි සමාන වටිනාකමක් ඇති බවයි.

ඔබ ඔබේ ව්‍යාපෘතියේ වර්ගය පරීක්ෂා කිරීම සඳහා ප්‍රවාහය භාවිත කරන්නේ නම්, මෙය ඔබේම කේතයේ අමතර වැරදි ඇති කරයි. හොඳම යෝජනාව නම්, ඔබ 0.98 සහ 0.105 පරාසයේ අනුවාද සඳහා වෙනස්වීම් ලොගය විමර්ශනය කර ඒවාට හේතු විය හැකි දේ දැන ගැනීමයි.

ඔබ ඔබේ කේතය ටයිප්-පරීක්ෂා කිරීම සඳහා Typescript භාවිතා කරන්නේ නම්, ඔබට ඇත්තටම .flowconfig ගොනුව සහ ප්‍රවාහ බින් පරායත්තතාවය ඉවත් කර මෙම වෙනස නොසලකා හැරිය හැක.

ඔබ ටයිප් පරීක්ෂකයක් භාවිතා නොකරන්නේ නම්, ඔබට එකක් භාවිතා කිරීම ගැන සොයා බැලිය හැකි බව යෝජනා කෙරේ. ඕනෑම තේරීමක් වැඩ කරනු ඇත, කෙසේ වෙතත්, Typescript භාවිතා කිරීම රෙකමදාරු කරනු ලැබේ.