Skip to content

Latest commit

 

History

History
93 lines (57 loc) · 2.53 KB

presentation.md

File metadata and controls

93 lines (57 loc) · 2.53 KB

Presentation

Spend < 10 minutes on each section Intro Spreadsheet Angular 2

Prep

  • Disable notifications
  • Disable power settings
  • Open Excel spreadsheet
  • Copy demos to the desktop
  • Observables and Operators demo
  • Open terminal to the demo folder
  • Open project in VS Code
  • npm start the project
  • Spreadsheet demo
  • Open terminal to the demo folder
  • Open project in VS Code
  • npm start the project
  • ASP.NET Core Resources demo
  • Open two terminals to the demo folder
  • Open the project in VS Code
  • Start the dotnet host
  • Start webpack in watch mode

Reactive Programming with RxJS

Hi there! My name is James. I’m happy to be here today to talk with you all about reactive programming with RxJS.

[Next slide]

What is Reactive Programming?

Let’s start right off by asking "What is Reactive Programming?"

There are a lot of different definitions out there, some helpful, some less helpful.

Personally, I like how Andre Staltz defines it:

[Next slide]

"Reactive programming is programming with asynchronous data streams." -- The introduction to Reactive Programming you've been missing by Andre Staltz

He goes on to say that this isn't really a new idea. And he's right. Mouse or keyboard events, for instance, are really just an asynchronous event stream that you can observe and use to perform side effects. Reactive programming takes the idea of streams and applies it to many different aspects of your application, including UI events, data flows, and other asynchronous operations such as HTTP calls.

[Next slide]

Demos

Let's look at an every day example of reactive programming: the spreadsheet.

[Switch to demos.md file]

[Switch to slides]

Wrap Up

Resources

Here are some great resources for learning more about reactive programming and RxJS.

ReactiveX Website

The ReactiveX website has a lot of great content for learning about Rx.

RxMarbles

RxMarbles is an interactive website for seeing visual representations of the various Rx operators.

Reactive Programming with RxJS

Great book about RxJS. Uses RxJS 4 not 5.

The introduction to Reactive Programming you've been missing

Great introduction to reactive programming using RxJS 4.

Egghead.io

Egghead has video courses from Ben Lesh and Andre Staltz.

UtahJS

The next speaker in this room, Jeremy Lund, is going to present a talk titled “Reactive Programming using Observables”. So stay right here if you want to learn more about reactive programming.

Thanks!

James Churchill Twitter: @SmashDev GitHub: smashdevcode