ძირითადი ტერმინები Redux-ში

ამ გაკვეთილზე ჩვენ მოკლედ გავიარებთ ძირითად ცნებებსა და ტერმინებს, რომელთა ცოდნაც აუცილებელია Redux-ის შემდგომი შესასწავლად.

დავიწყოთ ქმედებით (action). ეს არის გარკვეული მოვლენა, რომელიც აღწერს იმას, რაც მოხდა ჩვენს აპლიკაციაში. ტექნიკურად ეს ჩვეულებრივი JavaScript ობიექტია, რომელიც შეიცავს ველს type, სადაც ჩვენ ვწერთ ქმედების სახელს.

ქმედების ობიექტის მეორე მნიშვნელოვანი ველი არის ველი payload. ის შეიცავს ქმედების სასარგებლო ტვირთს. სასარგებლო ტვირთში იგულისხმება გარკვეული მონაცემები, რომლებიც გადაეცემა ქმედების პარამეტრებად.

ასევე ამ ობიექტში შეიძლება იყოს სხვა ველებიც დამატებითი ინფორმაციით.

მაგალითისთვის შევქმნათ ქმედება და ვუწოდოთ მას addOrderAction. დავუშვათ, რომ ის პასუხისმგებელია შეკვეთის დამატებაზე. ანუ თვისებაში type მივუთითებთ, რომ შეკვეთა დაემატა (orderAdded) შეკვეთებს (orders). ხოლო payload-ში მივუთითებთ დეტალებს, თუ რა შეკვეთაა, მაგალითად - კედლის შეღებვა:

const addOrderAction = {
	type: 'orders/orderAdded',
	payload: 'Paint a wall'
}

რათა ყოველ ჯერზე ხელით არ დავწეროთ ობიექტი ქმედებით, ჩვენ შეგვიძლია გამოვიყენოთ ე.წ. action creator - ფუნქცია, რომელიც შექმნის და დააბრუნებს ჩვენთვის ობიექტს ქმედებით. ვუწოდოთ მას addOrder. პარამეტრად ჩვენ გადავცემთ მას საჭირო ტექსტს თვისების payload-ისთვის:

const addOrder = text => {
	return {
		type: 'orders/orderAdded',
		payload: text
	}
}

შემდეგი მნიშვნელოვანი ცნება ამ მიმდევრობაში - ეს არის reducer (რედიუსერი) - ფუნქცია, რომელიც იღებს მიმდინარე მდგომარეობას და ობიექტს ქმედებით. ეს ფუნქცია წყვეტს, როგორ განაახლოს მდგომარეობა და აბრუნებს უკვე განახლებულ სტეიტს, თუ ეს აუცილებელია.

შემდეგი ცნება - საცავი (store) - ეს არის ობიექტი, რომელშიც ინახება Redux აპლიკაციის მიმდინარე გლობალური მდგომარეობა. ამ ობიექტს აქვს მეთოდი getState, რომლის დახმარებით შეგიძლიათ მიიღოთ სტეიტის მიმდინარე მნიშვნელობა.

საცავს ასევე აქვს მეთოდი dispatch. მისი გამოძახება და ობიექტის ქმედებით გადაცემა - ერთადერთი გზაა, სტეიტის შესაცვლელად. შედეგად სტორი გაუშვებს ფუნქციას-რედიუსერს და შეინახავს თავისთან სტეიტის ახალ მნიშვნელობას.

და ბოლო ცნება, რომელსაც განვიხილავთ ამ გაკვეთილზე - ეს არის სელექტორები. სელექტორები - ეს არის სპეციალური ფუნქციები, რომლებმაც იციან, როგორ ამოიღონ ინფორმაცია საცავში არსებული სტეიტიდან. ეს ფუნქციები განსაკუთრებით სასარგებლო აღმოჩნდება აპლიკაციის გაზრდისას და ეხმარება კოდის გამეორების თავიდან აცილებაში.

უფრო დეტალურად ყველა ამ ცნების და მათი პრაქტიკაში გამოყენების შესახებ ჩვენ გავეცნობით ამ სახელმძღვანელოს შემდეგი განყოფილებებიდან.