Reactive Angular Workshop
What will be covered?
This workshop will teach attendees how to use reactive techniques in your Angular app. It will be based heavily on RxJS.
- Intermediate Reactive concepts
- BehaviorSubjects
- combineLatest
- several new operators: pluck, map, tap, distinctUntilChanged
- Intermediate Angular patterns
- Intermediate TypeScript
- Basic State Management
- Angular Performance
What will NOT be covered?
The following topics will not be covered in this class. To be fair to all involved, any questions that dive into these topics will be deferred until breaks, until after the workshop is over, or indefinitely.
- Angular Basics, or beginner Angular questions
- TypeScript Basics, or beginner TypeScript questions
- Reactive Basics, or anything that TOO basic around Observables
Before you come to class
In order to work on this project and go through the trainings, please do each of the following:
-
Install
git
on your machine. -
Install node & npm
- Install node v10 (or higher)
- Installing node v10 automatically installs
npm
-
Install latest Angular CLI .
npm install -g @angular/cli
-
Install your favorite IDE
- Most people use VSCode
- Frosty uses Webstorm
-
Clone the project
- Open your Terminal/Powershell
cd
into where you want the code- Run
git clone https://github.com/aaronfrost/reactive-angular-workshop
-
Run
npm install
cd
into the folder you just cloned- Run
npm install
-
Get APIKEY from developer.marvel.com
- Go to https://developer.marvel.com/
- Create a developer account
- Add
localhost
to theYour Authorized Referers
section - Add your public and private keys into
environments.ts
files
-
Read Don't Unsubscribe blog by Ben Lesh
Please do all of this before the training starts. Otherwise we will have to spend the first part of the training up and running. If there are any questions, reach out to me (Frosty) me on Twitter.
Start Developing
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.