Skip to end of banner
Go to start of banner

Developing UI Modules with Stripes

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

UI Modules and the FOLIO Platform

What is a UI Module?

A FOLIO UI Module is one piece of several modular pieces within a platform. It represents a vertical slice of the functionality that a Library will require from its ILS. As a software developer, it’s very easy to view your FOLIO App as THE entire app, but that is not the realistic view of things. Your FOLIO module will be served alongside other FOLIO modules and must be created in a way that is considerate of inter-module relationships and its functionality as part of the workflows, part of the platform. Now that we’ve said that, on to more good stuff!

What is Okapi (for frontend developers)

What Stripes Provides

Platform Provided Dependencies

React Router

Form Library

Date/Time Library

Data Fetching

Zustand

Development setup

Repository settings

Dev Workspace

Typescript

Linting

Testing

Navigation/Routing

Settings

Fetching Data

What Stripes Provides

OkapiKy
React Query
Caching - Namespacing

Presenting Data

Stripes-components

Common Components

Panes
LayoutGrid
MCL
Form controls

Conditional presentation

IfPermission
IfInterface

Common UI Patterns

3-pane layout

Settings

Plugins

Forms

Feedback
Validation
Callout/ Callout Context

Dates/Times

Styles

CSS-Modules
PostCSS Stack

Handling Changes

Versioning - What constitutes a breaking change?

Contributing

PR Comments

Link to Jira Ticket
Problem statement
Approach

Deprecations/Migrations

SearchAndSort

Stripes-connect

Redux-form/React Final Form

Moment

  • No labels