FicusJS Components FicusJS Components
Search Github
Menu

Getting started

  • Getting started
  • Installation
  • Editor set-up
  • Create Ficus App
  • Codepen examples

Usage

  • Testing
  • Browser support
  • Going build-less
  • Legacy browsers
  • Examples
  • Changelog

Components

  • Introduction
  • Example
  • createCustomElement function
  • createComponent function
  • Root definition
  • Props
  • Computed getters
  • State
  • Methods
  • Lifecycle hooks
  • Rendering
  • Emitting events
  • Slots

Extending components

  • Introduction
  • withEventBus function
  • withI18n function
  • withI18nReactive function
  • withLazyRender function
  • withBreakpointRender function
  • withLocalState function
  • withStore function
  • withStyles function
  • withWorkerStore function
  • withXStateService function
  • Extension builder

Renderers

  • Introduction
  • uhtml
  • lit-html
  • htm
  • htm with preact
  • css

State machines

  • Introduction
  • Defining state machines
  • createXStateService function
  • getXStateService function
  • withXStateService function
  • createMachine function
  • interpret function
  • assign function

Application state

  • Introduction
  • Example
  • createAppState function
  • getAppState function
  • State
  • Actions
  • Subscribe to store changes
  • Clearing the store
  • Persistence
  • Multiple stores
  • Singleton
  • Web workers
  • Usage in components

Event bus

  • Introduction
  • Example
  • createEventBus function
  • getEventBus function
  • Subscribe
  • Publish
  • Retrieve subscribers
  • Usage in components

Internationalization

  • Introduction
  • Example
  • createI18n function
  • getI18n function
  • Usage in components

Modules

  • Introduction
  • Consuming a module
  • Creating a module

Router

  • Introduction
  • Getting started
  • Installation
  • createRouter function
  • getRouter function
  • Routes
  • Options
  • Modes
  • Starting programmatically
  • Context
  • URL parameters
  • Async routes
  • Redirects
  • Guards
  • Outlets
  • Navigation
  • Location
  • Lazy load views
  • Server-side routing

Script loader

  • Introduction
  • Features
  • Getting started
  • Installation

Deprecated

  • Stores
  • withStateTransactions function

Codepen Examples

You can find a set of FicusJS examples on Codepen at https://codepen.io/collection/nRvEaw