Workshop for Statewide IT Conference at Indiana University
October 28, 2019
Recording (2h:29m): https://www.youtube.com/watch?v=SdqgmU0CARg
Learn about Observables using RxJS and how to integrate them with web components and rendering libraries (lighterhtml and React). Follow along with the seven exercises to build a dice rolling app using these techniques.
Note: This workshop does not address state management patterns and techniques. Instead, all components communicate exclusively via attributes, properties, methods, and event bubbling. See conduit-rxjs for ways to implement more complex state management with RxJS.
Chris Basham leads the workshop. He is a designer and front-end developer for Indiana University, specializing in functional reactive programming with RxJS.
Fork this repo if you want to save progress on your exercises to GitHub.
Open a terminal window. Navigate to a folder which will hold a clone of this repo.
cd ~/GitHub
Clone this repo.
git clone https://github.com/basham/swit-workshop-rxjs.git
Open the folder.
cd swit-workshop-rxjs/
Install dependencies.
npm install
Start the local development server. It should automatically open the browser to http://localhost:8000/, which provides links to the app demo, slide examples, and exercises.
npm run start
If following along with the exercises, it is recommended you work on a branch different than master (such as workshop). This allows you to commit your progress and switch back to the original master version without hassle.
git checkout -b workshop
This repo uses a "buildless" environment. There is no Webpack or other bundling system. @pika/web prepares browser dependencies as JS modules and generates an import map. es-module-shims provides support for import maps, JS modules, and CSS modules (via construct-style-sheets-polyfill).