https://github.com/leolanese/angular-restapi-rxjs-material

Angular 9 + REST API + RxJS Observables and UI Material CRUD examples
https://github.com/leolanese/angular-restapi-rxjs-material

angular angular-material crud css rest-api rxjs

Last synced: about 2 months ago
JSON representation

Angular 9 + REST API + RxJS Observables and UI Material CRUD examples

• Host: GitHub
• URL: https://github.com/leolanese/angular-restapi-rxjs-material
• Owner: leolanese
• License: mit
• Created: 2020-03-11T12:54:34.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-11-06T15:22:26.000Z (about 4 years ago)
• Last Synced: 2024-11-14T03:16:47.664Z (about 2 months ago)
• Topics: angular, angular-material, crud, css, rest-api, rxjs
• Language: TypeScript
• Homepage:
• Size: 55.7 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Angular Test implementation complex seed

## Technologies Stack deploy for this test:

- Angular 9+ 

- Restful services 

- RxJS 6+ 

- Angular Material 9+

- Angular CDK (Virtual scroll) 9+

- SCSS

- Responsive Layout using modern Flexbox

- HTML5 semantic markup

- Deployment using GIT (Github Repo)

An [Angular 9](https://angular.io) application showing how to use a [REST(Restful)](https://en.wikipedia.org/wiki/Representational_state_transfer) [API](https://en.wikipedia.org/wiki/Application_programming_interface) with [observables](http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html).  

Includes Angular v9+.

## Framework, Layout and data

* Framework: [Angular 9](https://angular.io) - Angular is a framework for building client applications in HTML and TypeScript that compiles to JavaScript.

* Layout: [Material](https://material.io/) - Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.

* Data: [JSON Placeholder](https://jsonplaceholder.typicode.com/) - Fake Online REST API for Testing and Prototyping.

## REST API

A [REST](https://en.wikipedia.org/wiki/Representational_state_transfer) API is a web service implemented using HTTP and the principles of REST. It is a collection of resources, with four defined aspects:

## RxJS Observables

The Reactive Extensions for JavaScript ([RxJS](https://github.com/Reactive-Extensions/RxJS)) is a set of libraries for composing asynchronous and event-based programs using observable sequences and fluent query operators that many of you already know by Array in JavaScript. Using RxJS, developers represent asynchronous data streams with Observables, query asynchronous data streams using many operators, and parameterize the concurrency in the asynchronous data streams using Schedulers. Simply put, RxJS = Observables + Operators + Schedulers.  

Whether you are authoring a web-based application in JavaScript or a server-side application in Node.js, you have to deal with asynchronous and event-based programming. Although some patterns are emerging such as the Promise pattern, handling exceptions, cancellation, and synchronization is difficult and error-prone.

### RxJS usage

* Observable

* Observable/throw

* Operator/catch

---

## Deployment

```

clone repo

npm i 

ng serve -o --progress=true

```

---

### :100: Thanks!

#### Now, don't be an stranger. Let's stay in touch!

> I'm a passionately curious Front-end Engineer. I like sharing what I know, and learning what I don't. London, UK.

##### :radio_button: linkedin: @LeoLaneseltd

##### :radio_button: Twitter: @LeoLaneseltd

##### :radio_button: Portfolio: www.leolanese.com

##### :radio_button: DEV.to: dev.to/leolanese

##### :radio_button: Blog: leolanese.com/blog

##### :radio_button: Questions / Suggestion / Recommendation: [email protected]