Автор оригинала: Cristian Salcescu.
Откройте для себя функциональный JavaScript был назван одним из Лучшие новые функциональные программирования книги BookAuthority Действительно
Чистые функции создают одно и то же выходное значение, учитывая тот же вход. У них нет побочных эффектов, и легче читать, понимать и тестировать.
Учитывая все это, я хотел бы создать магазин, который скрывает состояние, но в то же время использует чистые функции.
Неподумность
Чистые функции не изменяют их вход. Они относятся к входным значениям как неизменным.
Неизменимаемое значение – это значение, которое когда-то создано, не может быть изменено.
Immutable.js Обеспечивает неизменные структуры данных, такие как Список Отказ Неподвижная структура данных создаст новую структуру данных при каждом действии.
Рассмотрим следующий код:
import { List } from "immutable";
const list = List();
const newList = list.push(1);push () Создает новый список, который имеет новый элемент. Это не изменяет существующий список.
Удалить () Возвращает новый Список где элемент на указанном индексе был удален.
Список Структура данных предлагает хороший интерфейс для работы со списками в неизмеренном виде, поэтому я буду использовать его в качестве значения состояния.
Магазин
Магазин управляет государством.
Состояние – это данные, которые могут измениться. Магазин скрывает это состояние данных и предлагает общественный набор методов для работы с ним.
Я хотел бы создать книжный магазин с Добавить () , Удалить () и getby () методы.
Я хочу, чтобы все эти функции были чистыми функциями.
Будут два вида чистых функций, используемых в магазине:
- Функции, которые будут читать и фильтровать состояние. Я позвоню им Getter.
- Функции, которые изменит состояние. Я назову их с больными.
Обе эти виды функций приведут состояние как их первый параметр.
Откройте для себя функциональный JavaScript был назван одним из Лучшие новые функциональные программирования книги BookAuthority Действительно
Для получения дополнительной информации о применении методов функциональных программиров в реакции посмотрите на Функциональный реагировать Отказ
Учить Функциональный реагировать в проекте, основанном на проекте, с Функциональная архитектура с реагированием и redux Отказ
Следуйте в Twitter
Оригинал: “https://www.freecodecamp.org/news/how-to-create-a-store-using-pure-functions-2c19b678552f/”