This repository is for version 2.x of the example application.
Click here for the latest version (4.x)
@ngrx example application
Example application utilizing @ngrx libraries, showcasing common patterns and best practices.Take a look at the live app.
This app is a book collection manager. Using the Google Books API, the user can search forbooks and add them to their collection. This application utilizes @ngrx/dbto persist the collection across sessions; @ngrx/store to managethe state of the app and to cache requests made to the Google Books API;@angular/router to manage navigation between routes;@ngrx/effects to isolate side effects.
Built with @angular/cli
Included
- ngrx/store - RxJS powered state management for Angular apps, inspired by Redux
- ngrx/effects - Side effect model for @ngrx/store
- angular/router - Angular Router
- ngrx/db - RxJS powered IndexedDB for Angular apps
- ngrx/store-devtools - Instrumentation for @ngrx/store enabling time-travel debugging
- codewareio/ngrx-store-freeze - A @ngrx/store meta reducer that prevents state from being mutated
- reselect - Selector library for Redux
Quick start
# clone the repo
git clone https://github.com/ngrx/example-app.git
# change directory to repo
cd example-app
# Use npm or yarn to install the dependencies:
npm install
# OR
yarn
# start the server
ng serve
Navigate to http://localhost:4200/ in your browser
NOTE: The above setup instructions assume you have added local npm bin folders to your path.If this is not the case you will need to install the Angular CLI globally.
-
从golang-gin-realworld-example-app项目学写httpapi (一) https://wangzitian0.github.io/2013/06/29/zero-to-one-1/ https://github.com/gothinkster/golang-gin-realworld-example-app 目录结构 golang-gin-realworld-examp
-
描述 (Description) Foundation通过使用由Motion UI库创建的过渡类来提供过渡效果。 例子 (Example) 以下示例演示了在Foundation中使用transitions - <!doctype html> <head> <meta charset = "utf-8" /> <meta http-equiv = "x-ua-compa
-
企业应用开发示例 对于我们的教程，我们将实施化学设备和加工公司的CRM应用程序。 该公司涉及供应商并提供服务。 我们将在整个教程中编写与此示例相关的小代码片段，以详细了解每个概念。 要执行本教程中的代码，您需要创建两个对象:Customer和Invoice对象。 如果您已经知道如何在Salesforce中创建这些对象，则可以跳过下面给出的步骤。 否则，您可以按照下面的分步指南进行操作。 创建客户对
-
描述: 提供一个如何使用描述项的例子。 Overview（概述） 提供一个如何使用描述项的例子。跟随此标签的文字将显示为高亮代码。 Examples（例子） 注意，一个doclet中可以同时使用多个@example标签。 例如，描述多个示例： /** * Solves equations of the form a * x = b * @example * // returns 2 * g
-
An implementation of the @handsontable/vue component with a readOnly toggle switch and the Vuex state manager implemented. Toggle readOnly for the entire table Vuex store dump: Toggle readOnly for the
-
A simple implementation of the @handsontable/vue component.import Vue from 'vue'; import { HotTable } from '@handsontable/vue'; import Handsontable from 'handsontable'; new Vue({ el: '#example1', data
-
An implementation of the @handsontable/angular wrapper.// app.component.ts import { Component } from '@angular/core'; import * as Handsontable from 'handsontable'; @Component({ selector: 'app-root', t
-
An implementation of the @handsontable/react component with a readOnly toggle switch and the Redux state manager implemented.import React from 'react'; import ReactDOM from 'react-dom'; import {create
-
ClientSample 直接使用canal.example工程a. 首先启动Canal Server，可参见[[QuickStart]] b. 可以在eclipse里，直接打开com.alibaba.otter.canal.example.SimpleCanalClientTest，直接运行 在工程的example目录下运行命令行： mvn exec:java -Dexec.mainClass=