Baza e të dhënave për server në Redux

Në seancën e kaluar ne instaluam msw, i cili do të na ndihmojë të imitojmë punën e aplikacionit tonë me server. Dhe për fillim ne do të dëshironim të ngarkonim në fillim të aplikacionit të dhënat e gatshme në server.

Le të hapim aplikacionin tonë me produktet, dhe në të skedarin server.js. Këtu ne tashmë kemi disa rreshta kodi nga sesioni i kaluar.

Dhe e para, çfarë duhet të pyesim veten: ku zakonisht ruhen të dhënat? Po, sigurisht në bazën e të dhënave, do t'i përgjigjemi pa u menduar. Prandaj le të përdorim një mjet tjetër të shkëlqyer, i cili do të na lejojë të krijojmë modelin e të dhënave tona, dhe gjithashtu të bëjmë sikur punohemi me një bazë të vërtetë SQL.

Mjeti, i cili do të na ndihmojë në këtë - është libraria @mswjs/data. Për ta instaluar, shkruani në terminal komandën e mëposhtme:

npm install @mswjs/data --save-dev

Tani le të importojmë në skedarin server.js gjërat e nevojshme për ne:

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

Dhe le të krijojmë bazën tonë të të dhënave improvizuese. Për këtë ne do të përdorim funksionin factory. Do ta bëjmë këtë më poshtë pas rreshtave me import dhe para eksportit të worker:

export const db = factory({})

Dhe çfarë të dhënash do të ruajmë në të? Nga serveri ne duhet të marrim produktet, shitësit dhe reaksionet e përdoruesve. Pra në bazën tonë të të dhënave ne duhet të krijojmë tre modele, të cilat i merr factory në formën e objekteve:

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

Ashtu si në një bazë të vërtetë SQL të dhënash çdo model i ynë duhet të ketë primary key. Tradicionalisht, ne do ta caktojmë këtë fushë id, të cilën do ta gjenerojmë me të njëjtën librari nanoid:

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

Le të mos harrojmë të shtojmë nanoid në rreshtat e importit në fillim të skedarit:

import { nanoid } from '@reduxjs/toolkit'

Në mësimin e ardhshëm ne do t'i plotësojmë modelet tona me fushat e nevojshme.

Hapni aplikacionin tuaj me studentët. Duke u njohur me materialin e këtij mësimi, instaloni @mswjs/data për aplikacionin tuat.

Më pas krijoni modelin e bazës së të dhënave db me ndihmën e funksionit factory. Përcjellni asaj tre objekte (student, teacher, vote) për të dhënat tuaja, njëlloj siç tregohet në mësim.