Redux සේවකයා සඳහා දත්ත සමුදාය

පසුගිය පාඩමේදී අපි msw ස්ථාපනය කලෙමු, එය අපගේ යෙදුම සේවාදායකය සමඟ වැඩ කිරීම අනුකරණය කිරීමට අපට උපකාරී වනු ඇත. ආරම්භ කිරීම සඳහා අපි යෙදුම ආරම්භ කරන විට සේවාදායකයේ දැනටමත් පවතින දත්ත පූරණය කිරීමට අපේක්ෂා කරමු.

අපි අපගේ නිෂ්පාදන සමඟ යෙදුම විවෘත කරමු, එහිදී server.js ගොනුව විවෘත කරන්න. මෙහිදී අපට දැනටමත් පසුගිය පාඩමෙන් කේතයේ පේළි කිහිපයක් පවතී.

පළමුව, අපි අපෙන්ම ඇසිය යුතුය: දත්ත සාමාන්යයෙන් කොහේ ගබඩා වේද? ඔව්, නිසැකවම දත්ත සමුදායේ, අපි කල්පනා නොකර පිළිතුරු දෙන්නෙමු. එබැවින් අපි තවත් එක් සිසිල් මෙවලමක් භාවිතා කරමු, එය අපට අපගේ දත්ත ආකෘතිය නිර්මාණය කිරීමට ඉඩ දෙනු ඇත, එමෙන්ම අපි සැබෑ SQL-දත්ත සමුදායක් සමඟ කටයුතු කරනවා වැනි කිරීමටද ඉඩ දෙනු ඇත.

මෙයට අපට උපකාරී වන මෙවලම - එය @mswjs/data පුස්තකාලයයි. එය ස්ථාපනය කිරීම සඳහා, අවසාන යන්ත්‍රයේ පහත අණ ටයිප් කරන්න:

terminalnpm install @mswjs/data --save-dev

දැන් server.js ගොනුවේ අවශ්‍ය දේවල් ආයාත කරමු:

api/server.jsimport { factory, oneOf, manyOf, primaryKey } from '@mswjs/data'

අපගේ පරිකල්පිත දත්ත සමුදාය නිර්මාණය කරමු. මේ සඳහා අපි factory ශ්‍රිතය භාවිතා කරමු. අපි එය ආයාත පේළි පසුව සහ කම්කරුවා නිර්යාත කිරීමට පෙර පහතින් කරමු:

api/server.jsexport const db = factory({})

අපි එහි කුමන දත්ත ගබඩා කරමුද? සේවාදායකයෙන් අපට නිෂ්පාදන, විකුණුම්කරුවන් සහ පරිශීලක ප්‍රතික්‍රියා ලබා ගත යුතුය. එනම් අපගේ දත්ත සමුදායේ අපි නිර්මාණය කළ යුතුය වස්තූන් ලෙස factory භාවිතා කරන ආකෘති තුනක්:

api/server.jsexport const db = factory({
  product: {},
  seller: {},
  reaction: {},
})

සැබෑ SQL දත්ත සමුදායක මෙන්ම සෑම ආකෘතියකටම primary key තිබිය යුතුය. සාම්ප්‍රදායිකව, අපි එවැනි ක්ෂේත්‍රයක් ලෙස id නම් කරමු, එය ජනනය කිරීම සඳහා අපි භාවිතා කරන්නේ එම nanoid පුස්තකාලයමයි:

api/server.jsexport const db = factory({
  product: {
    id: primaryKey(nanoid),
  },
  seller: {
    id: primaryKey(nanoid),
  },
  reaction: {
    id: primaryKey(nanoid),
  },
})

ගොනුවේ ආරම්භයේ ආයාත පේළිවල nanoid එකතු කිරීමට අමතක නොකරන්න:

api/server.jsimport { nanoid } from '@reduxjs/toolkit'

ඊළඟ පාඩමේදී අපි අපගේ ආකෘති අවශ්‍ය ක්ෂේත්‍ර සමඟ පුරවන්නෙමු.