Black Friday 2024: 25+ Ways to Save on Online Learning

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Cycle.js Fundamentals

via egghead.io

Go to class Write review

Overview

Cycle.js is a framework where your app is described as a simple function taking an event stream as input and outputting an event stream.
Cycle.js builds on functional and reactive streams and is a JavaScript framework. What does that mean? In the course, André Staltz, the creator of Cycle.js, will explain it to us.
We'll start this course with an empty project and build out our own toy version of Cycle.js to understand exactly what's going on under the hood. When we have a solid base of how Cycle.js works we will move on to use the Cycle.js API and build an app using the Model-View-Intent pattern.

Syllabus

  • Separate Logic from Effects in Cycle.js
  • Organize Code in the Main and Effect Functions
  • Customize Effects from the Main Function
  • Generalize Effect Handling with Drivers in the run() Function
  • Read Effects from the DOM with Click Events
  • Use the Cycle.js run() Function
  • Make Our Toy DOM Driver More Flexible
  • Fine-grained Control over the DOM Source in Cycle.js
  • Use Hyperscript in Cycle.js as an Alternative to Template Languages
  • Convert our Toy DOM Driver to the Cycle.js DOM Driver
  • Read Text Input in a Cycle.js Hello World Application
  • Modify and Track State in Cycle.js
  • Fetch Data using the Cycle.js HTTP Driver
  • Manage Multiple Observable Streams in Cycle.js
  • Organize your Cycle.js Application into the Model-View-Intent Pattern
  • Create a Generic Cycle.js Component
  • Use a Cycle.js Component in the main() Function
  • Use Multiple Independent Instances of a Cycle.js Component
  • Isolate Component Instances in Cycle.js
  • Export Values from Components through Sinks in Cycle.js
  • Overview of Cycle.js

Taught by

André Staltz

Reviews

4.7 rating at egghead.io based on 82 ratings

Start your review of Cycle.js Fundamentals

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.