FicusJS Components FicusJS Components
GitHub
Menu

Getting started

  • Getting started
  • Installation
  • Editor set-up
  • Examples

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
  • 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

Usage

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

Helpers

  • FicusJS router
  • FicusJS script loader

Deprecated

  • Stores
  • withStateTransactions function

Browser support #

The framework is for modern browsers - those supporting the ES2015+ Javascript language.

https://caniuse.com/#feat=es6-module