🗡️
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
  • NPM
  • YARN
  • Inline JS (CDN)
  • Code sandbox
  • Fork one of our examples
  • create-react-app + Hello Wow!

Was this helpful?

How to install/use ConanJs

Previous... if not using ReactNextAbout us / Github / Contact us

Last updated 4 years ago

Was this helpful?

We will see now how you can start using ConanJs on our end, we will use the code from our

NPM

npm install conan-js-core 

YARN

yarn add conan-js-core

Inline JS (CDN)

https://unpkg.com/conan-js-core@1.0.0/dist/lib/main.min.js

Code sandbox

You can use our Hello Wow as a starting point

Fork one of our examples

create-react-app + Hello Wow!

npx create-react-app my-app --template typescript
cd my-app
yarn add conan-js-core
cd src
rm App.tsx App.test.tsx App.css
curl -o app.tsx https://raw.githubusercontent.com/conan-js/conan-js-examples/master/helloWow/src/app.tsx
curl -o index.tsx https://raw.githubusercontent.com/conan-js/conan-js-examples/master/helloWow/src/index.tsx
cd ..
yarn start

If you want to start from scratch with create-react-app, this will get you the files from the demo into a new create-react-app application with typescript.

Hello Wow!
Hello Wow!
GitHub - conan-js/conan-js-examplesGitHub
Logo