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) беріңіз деректеріңіз үшін, сабақта көрсетілгенге ұқсас.