All Projects → angular-university → Reactive Patterns Course

angular-university / Reactive Patterns Course

Licence: mit
Contains the code for the RxJs & Reactive Patterns Angular Architecture Course

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Reactive Patterns Course

Ngx Componentdestroyed
Unsubscribe from Observables in Angular Components
Stars: ✭ 95 (-25.2%)
Mutual labels:  rxjs
Blog
lizhonghui's blog
Stars: ✭ 109 (-14.17%)
Mutual labels:  rxjs
Rxios
A RxJS wrapper for axios
Stars: ✭ 119 (-6.3%)
Mutual labels:  rxjs
Connective
agent-based reactive programming library for typescript
Stars: ✭ 98 (-22.83%)
Mutual labels:  rxjs
Rxviz
Rx Visualizer - Animated playground for Rx Observables
Stars: ✭ 1,471 (+1058.27%)
Mutual labels:  rxjs
Types First Ui
An opinionated framework for building long-lived, maintainable UI codebases
Stars: ✭ 114 (-10.24%)
Mutual labels:  rxjs
Sigi
Well designed effect management framework for complex frontend app
Stars: ✭ 95 (-25.2%)
Mutual labels:  rxjs
Reactivetradercloud
Real-time FX trading showcase by Adaptive.
Stars: ✭ 1,664 (+1210.24%)
Mutual labels:  rxjs
Rx React Container
Use RxJS in React components, via HOC or Hook
Stars: ✭ 105 (-17.32%)
Mutual labels:  rxjs
Rxjs In Action
Code sample repository
Stars: ✭ 117 (-7.87%)
Mutual labels:  rxjs
Example App
Example app showcasing the ngrx platform
Stars: ✭ 1,361 (+971.65%)
Mutual labels:  rxjs
Store
Aurelia single state store based on RxJS
Stars: ✭ 103 (-18.9%)
Mutual labels:  rxjs
Batcave
Batcave client is chat app built with Electron and Angular2, Socket.io with RxJS.
Stars: ✭ 114 (-10.24%)
Mutual labels:  rxjs
Taskmgr
a team collaboration tutorial app like teambition/worktile
Stars: ✭ 95 (-25.2%)
Mutual labels:  rxjs
Angular Rpg
RPG game built with Typescript, Angular, ngrx/store and rxjs
Stars: ✭ 120 (-5.51%)
Mutual labels:  rxjs
Core
Reactive ORM for Lovefield
Stars: ✭ 95 (-25.2%)
Mutual labels:  rxjs
Bloc.js
A predictable state management library that helps implement the BLoC design pattern in JavaScript
Stars: ✭ 111 (-12.6%)
Mutual labels:  rxjs
Rxjs Diagrams
React Components for visualising RxJS observables and operators
Stars: ✭ 126 (-0.79%)
Mutual labels:  rxjs
React Eva
Effects+View+Actions(React distributed state management solution with rxjs.)
Stars: ✭ 121 (-4.72%)
Mutual labels:  rxjs
Cyclejs
A functional and reactive JavaScript framework for predictable code
Stars: ✭ 9,996 (+7770.87%)
Mutual labels:  rxjs

THIS COURSE IS ARCHIVED

This course has been archived and is now replaced by the Reactive Angular Course.

Repository Content

This repository contains of the Angular University RxJs and Reactive Patterns Angular Architecture Course.

This course repository is updated to Angular v7, there is a Yarn lock file available.

RxJs and Reactive Patterns Angular Architecture Course

RxJs and Reactive Patterns Angular Architecture Course

Installation pre-requisites

This project has minimal dependencies, you only need node and npm installed on your machine. These are some tutorials to install node in different operating systems.

Make sure to install the latest version of Node

Installation Instructions

First clone or download as a Zip file using the green "Clone Or Download" button on the top right of the document.

Then change directory to the folder 01-getting-started-with-angular2, where you will find a small node project with a package.json.

On the command line run the following:

npm install

If you prefer the Yarn package manager, you can also run:

yarn

Although npm install would also work, its recommended to use Yarn to install the course dependencies. Yarn has the big advantage that if you use it you will be installing the exact same dependencies than I installed in my machine, so you wont run into issues caused by semantic versioning updates.

This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.

Starting the development server

To start the server, run the following command:

npm start

If you now go to http://localhost:8080, there will be a running application at this url.

Making changes

If you edit a Typescript file and refresh the browser, the changes will be applied.

Firebase data for later in the course

In one of the sections of the course, we will be using a Firebase database. If you would like the data to create your own instance, you can find it here.

This is completely optional, as the course will use a connection to an existing Firebase database, and everything will work out of the box.

Which Course are You Looking For ?

If you are looking for the code of the following courses, see further the installation instructions on this page:

Angular and Firebase - Build a Web Application Course

If you are looking for the Angular and Firebase - Build a Web Application Course code, the repo with the full code can be found here:

Angular and Firebase - Build a Web Application

Github Repo For this course

Angular firebase course

Complete Typescript 2 Course - Build A REST API

If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:

Complete Typescript 2 Course - Build A REST API

Github Repo for this course

Complete Typescript Course

Angular Ngrx Reactive Extensions Architecture Course

If you are looking for the Angular Ngrx Reactive Extensions Architecture Course code, the repo with the full code can be found here:

Angular Ngrx Reactive Extensions Architecture Course

Github repo for this course

Angular Ngrx Course

Brought to you by the Angular University

Have a look at our course pipeline at angular-university.io.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].