🗡️
ConanJs
  • What is ConanJs?
  • Why ConanJs...
    • ... if coming from Redux
    • ... if using vanilla React
    • ... if learning React
    • ... if not using React
  • How to install/use ConanJs
  • About us / Github / Contact us
  • Demos
    • Demo Gallery
    • Conan State Demos
      • Hello World
      • Todos
        • Todos - Basic
        • Todos - Async
        • Todos - Optimistic
      • Github issues viewer
    • Conan Flow Demos
      • Authentication
  • CONAN DATA
    • General Concepts
    • Conan State
      • Actions & Reducers
        • Reducers
        • Actions
      • Creating State
      • Observing State
        • Live rendering
        • Connecting
      • Composing State
      • Scaling State
      • Orchestrating State
      • Life cycle
        • Async handling
        • Introspection
      • Testing state
    • Conan Flow
      • Creating Flows
      • Serialising Flows
      • Observing Flows
  • CONAN Runtime
  • Dependency Injection
    • General Concepts
    • Creating the Context
    • Using the Context
  • ASAPs
  • Logging
  • API
    • Main Classes
      • Conan
        • StateDef
      • ConanState
      • ConanFlow
        • UserFlowDef
        • UserStatusDef
        • Status
    • Conan State Classes
      • Thread
      • ConnectedState
      • MonitorInfo
      • MetaInfo
    • Dependency Injection
      • DiContextFactory
    • ASAPS
      • Asaps
      • Asap
Powered by GitBook
On this page
  • Docs
  • Hello World
  • Highlights
  • Todos App
  • Todos
  • Todos - Async
  • Todos - Optimistic
  • Github Issues Viewer

Was this helpful?

  1. Demos

Conan State Demos

PreviousDemo GalleryNextHello World

Last updated 4 years ago

Was this helpful?

Docs

Hello World

Highlights

  • Simplest possible example we could think to showcase Conan State

Todos App

Todos

Highlights

  • Simple application, no async operations

  • Uses dependency injection to scope the state.

  • Connects data using React components.

Todos - Async

Highlights

  • Simplest async demo.

  • Uses dependency Injection to scope the state and a service

  • Uses auto-bind to connect the service to the state.

  • Builds up from the code used in the Todos demo

Todos - Optimistic

Highlights

  • Advanced async demo, it showcases the potential of ConanJs to let you perform optimistic async operations

  • Builds up from the code used in the Todos - Async demo

Github Issues Viewer

Highlights

  • Uses real endpoints to fetch data.

  • Uses react hooks to observe the data

Conan State
Dependency Injection
Hello World
Todos - Basic
Todos - Async
Todos - Optimistic
Github issues viewer