Публикации по теме 'ngrx'
Полное руководство NGRX с Angular: учитесь, выполняя простую операцию CRUD
Angular — это мощная платформа для создания масштабируемых и удобных в сопровождении веб-приложений. По мере усложнения приложений управление состоянием становится важнейшим аспектом разработки. NGRX — это библиотека управления состоянием для приложений Angular, которая помогает управлять сложным состоянием приложения и повышает производительность приложения.
В этой статье мы предоставим полное руководство по использованию NGRX с Angular. Мы сосредоточимся на выполнении простых..
Неизменная великолепная четверка
Стратегии для неизменного JavaScript
Неизменяемые данные — это концепция, с которой мне пришлось столкнуться при написании моего первого редьюсера для ngrx/store . Идея неизменяемых данных заключается в том, что их нельзя изменить после создания. Этот простой сдвиг в управлении состоянием может упростить создание и отладку приложений. Имея единственный источник достоверной информации, вы получаете контракт, который избавит вас от целого класса проблем, с которыми сталкиваются..
Стратегии тестирования при разработке избыточных хранилищ в угловых приложениях, управляемых тестами
Стратегии тестирования при разработке избыточных хранилищ в угловых приложениях, управляемых тестами
Обычно я разрабатываю угловые приложения, управляемые тестами. Это работает хорошо, но при использовании redux в моих проектах (в настоящее время ngrx, но также и angular/redux) есть несколько различных аспектов, которые следует учитывать при тестировании и разработке магазинов и функций/ фрактальные магазины, управляемые тестами.
Намереваться
Проблема заключается в том, чтобы найти..
Ленивая загрузка модулей с хранилищем Ngrx (4-я версия) (Angular 2)
Для этого нам нужно применить две концепции. Ленивая загрузка модулей через angular, а также ленивое создание состояния в хранилище после ленивой загрузки модуля.
Я ожидаю, что у меня будут базовые и рабочие знания о магазине ngrx и angular.
Общая картина (архитектура и зачем нам нужна)
Ленивая загрузка Angular 2
Маршрутизатор Angular 2 предоставляет функцию отложенной загрузки функциональных модулей.
С отложенной загрузкой мы получаем меньшую начальную полезную нагрузку и,..
Вопросы по теме 'ngrx'
Выбор ngrx/store не существует
Я пытаюсь немного воссоздать пример проекта ngrx/store со следующим кодом, я знаю, что это довольно много для приложения TODO, но хотел понять концепции:
// State Model
interface Todo {
id: number;
text: string;
completed: boolean;
}...
1531 просмотров
schedule
27.02.2024
Что такое store.select в ngrx
Я новичок в Redux и начал с ngrx. Я не могу понять значение этой строки кода store.select :
clock: Observable<Date>;
this.clock = store.select('clock');
35192 просмотров
schedule
28.11.2023
Управление состоянием Angular2 и правильное использование @ ngrx / store
Я пишу редукторы для своего приложения с помощью ngrx / store.
Вот схема состояния моего приложения:
{
project: {
name: string
tasks: Array<Task>
}
}
with:
interface Task {
name: string
}
Пытаюсь писать...
581 просмотров
schedule
16.01.2024
RxJS first() для Observable.of() - нет элементов в последовательности
Для своих тестов я пытаюсь имитировать поток событий с помощью Observable.of() , но когда я пытаюсь
const actions$ = Observable.of({});
...
// in the function that is tested
actions$
.filter(action => action.type === 'LOAD_REQUEST')...
6566 просмотров
schedule
17.10.2022
@ ngrx / store-devtools для производственного режима
Я использую инструменты @ ngrx / store-devtools с расширением Chrome.
Есть ли смысл отключать его для продакшена?
3009 просмотров
schedule
15.11.2023
Как прослушать обновление Firebase и запустить эффект/побочный эффект магазина для обновления состояния магазина?
Я очень запутался в интеграции Firebase с ngrx/store. Поскольку Firebase имеет «живое» обновление на основе сокетов, поэтому данные хранилища уже синхронизируются с данными Firebase всякий раз, когда я обновляю Firebase. Проблема в том, что я не...
380 просмотров
schedule
21.10.2022
Приложение Angular2 с хранилищем ng в IE 11 имеет утечку памяти
Мы разрабатываем Angular2 SPA с магазином Ngrx.
Мы должным образом отменили подписку на Observable и следуем правильной стратегии обнаружения изменений ( OnPush ) в соответствии с требованием.
Приложение будет доступно пользователям в браузере...
538 просмотров
schedule
28.11.2023
маршрутизация ngrx при отправке действия
Я использую ngrx, чтобы сохранить свое пользовательское состояние. Под пользовательским состоянием я подразумеваю объект класса IUser с некоторыми пользовательскими свойствами.
Я установил несколько действий ( 'USER_LOGIN', 'USER_LOGIN_SUCCESS'...
1403 просмотров
schedule
01.04.2024
RxJS повторяет попытку получить данные после входа в систему - если вы вошли в систему, попробуйте один раз
У меня есть следующая проблема, которую я хочу решить с помощью RxJS (Angular 4)
если не войти в систему запрос данных не работает (403 запрещено)
если запрос завершается с ошибкой 403, я хочу повторить запрос данных, когда я вошел в систему...
45 просмотров
schedule
25.01.2024
Как правильно отправлять и получать данные из магазина ngrx
Я пытаюсь работать с магазином ngrx и столкнулся с проблемой, чтобы правильно отправить данные в свой магазин и выбрать их.
Мой объект магазина выглядит так
AppStore = {
chat: {
messages: []
}
}
и мои редукторы выглядят как...
1142 просмотров
schedule
26.03.2024
Действия @ngrx с несколькими полезными нагрузками
Я создаю веб-приложение с использованием Angular 4 и @ngrx 4, и у меня возникла проблема с настройкой строго типизированных действий.
Я новичок в @ngrx, и я создал следующий класс для своих действий:
export const ActionTypes = {...
2632 просмотров
schedule
02.05.2024
Angular 4 store observable заполнен слишком рано?
У меня есть это приложение, в котором есть магазин и компонент страницы.
Наличие этого компонента страницы:
import {AfterViewInit, Component, OnDestroy, OnInit} from '@angular/core';
import {ActivatedRoute, Params} from '@angular/router';...
190 просмотров
schedule
02.12.2023
Обработка состояния загрузки нескольких асинхронных вызовов в приложении на основе действия/редуктора
Я не думаю, что эта проблема связана с конкретной структурой или библиотекой, но относится ко всем приложениям на основе магазина, следующим шаблону действия - редуктора.
Для ясности я использую Angular и @ngrx.
В приложении, над которым я...
1781 просмотров
schedule
29.10.2022
ngrx / store subscribe вызывается несколько раз. Лучшее место, чтобы отказаться от подписки?
У меня есть угловой компонент, содержащий всплывающее окно NgModal.
Я подписываюсь на магазин ngrx в компоненте.
NgOnDestroy компонента никогда не вызывается, потому что никогда не вызывается новый маршрут.
Пользователь добавляет новых...
1488 просмотров
schedule
14.09.2022
Эффект NGRX запускает успешное действие только один раз при нескольких отправках
Я работаю над относительно простым приложением, в котором хочу узнать больше о ngrx, redux и angular 2.
Я кратко объясню настройку моего приложения, моего appstate и редукторов.
В моем приложении я хочу рисовать определенные объекты (сетки) на...
6130 просмотров
schedule
16.11.2023
Как правильно объединить срезы состояния для моего презентационного компонента (ngrx / store)?
Еще пытаюсь изучить ngrx - магазин настроен и вроде все нормально работает. Я использую базу данных SQL, поэтому в основном я «клонирую» таблицы и загружаю их в хранилище, но при выборе сотрудника в конце концов возникают проблемы с присоединением к...
255 просмотров
schedule
26.05.2024
разумный способ передать / сохранить значение по длинной трубе
Предполагая, что у меня есть следующий канал rxjs:
start$.pip(
map((id)=> {}), //I want to save the "id" value to be used in the end of the pipe
map(...),
switchMap(...),
map(...),
switchMap(...),
map(...),...
2031 просмотров
schedule
28.01.2024
@ngrx с API, как распознать различия в результатах?
Я столкнулся с проблемой, и я чувствую, что со временем она становится все хуже. Проблема, с которой я сталкиваюсь, заключается в том, что вызовы API могут давать одинаковые результаты, но с немного другими атрибутами, и у меня возникла проблема,...
83 просмотров
schedule
19.05.2024
Почему мой эффект запускается несколько раз после вызова действия?
У меня есть такой эффект, что я запрашиваю несколько значений для извлечения продукта из службы. После отправки REQUEST_PRODUCTS вызывается один раз, как и ожидалось, но когда я пытался перейти в другое место в маршрутизации, this.apiMarketServices...
59 просмотров
schedule
22.11.2022
Angular 6 ngrx, как добавить новый элемент в массив в объекте состояния?
У меня простая ситуация, у меня есть действия вроде CreatUser, CreateSuccess, CreateFail. Как мне добавить новый объект в массив и при отправке действия Create или CreateSuccess ? И как мне это сделать?
export function reducer(state = init,...
19158 просмотров
schedule
28.01.2024
