🗡️
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 Hello Wow!

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!

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

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
GitHub - conan-js/conan-js-examplesGitHub
Logo