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

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

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

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

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

npm install @mswjs/data --save-dev

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

import { factory, oneOf, manyOf, primaryKey } from '@mswjs/data'

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

export const db = factory({})

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

export const db = factory({
	product: {},
	seller: {},
	reaction: {},
})

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

export const db = factory({
	product: {
		id: primaryKey(nanoid),
	},
	seller: {
		id: primaryKey(nanoid),
	},
	reaction: {
		id: primaryKey(nanoid),
	},
})

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

import { nanoid } from '@reduxjs/toolkit'

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

ඔබගේ ශිෂ්‍යයන් සමඟ යෙදුම විවෘත කරන්න. මෙම පාඩමේ ද්‍රව්‍ය හදාරා ගැනීමෙන් පසු, ඔබගේ යෙදුම සඳහා @mswjs/data ස්ථාපනය කරන්න.

ඊළඟට factory ශ්‍රිතය භාවිතා කර db දත්ත සමුදාය ආකෘතිය නිර්මාණය කරන්න. පාඩමේ පෙන්වා ඇති ආකාරයටම එයට වස්තු තුනක් (student, teacher, vote) ඔබගේ දත්ත සඳහා ලබා දෙන්න.