EBSCO

Component Library

Title is a work in progress...

Introduction

MISSIOn

  • Build Once / Use Everywhere
  • Development Acceleration
  • Design Driven / Product Consistency
  • Accessibility / Mobile First
  • Configurable

The Stack

  • Framework
    • React
    • Storybook
  • The Build
    • Rollup
    • Lerna/NPM
    • Generates Bundle

Style

  • Preprocessors
    • SASS
      • why we chose it?
  • Setup
    • @import "~@ebsco-ui/ebsco-ui/core"; 
  • SASS Helper Methods
  • Theming / Configuration

Helpers

  • Breakpoints
  • Spacing
  • Colors

THEMING

  • Design Driven
  • SASS helpers generate colors
  • Colors are overridden by config at runtime

DeMO

What's next?

  • Development
  • Adoption
  • Typescript
  • Open Source?

THANKS!!!

questions?

EBSCO Component Library

By ianqueue

EBSCO Component Library

Slides that showcase EBSCO's React Component Library

  • 275