Ackee Frontend Tookit

Set of tools, libraries and all stuff useful for frontend development in Ackee having DRY in mind.

There is live showroom (Storybook) for some components/tools.

How to use

1. Install Run yarn add ackee-frontend-toolkit or npm install ackee-frontend-toolkit.
2. Import Depending on your prefered module managment system, you can use directory ackee-frontend-toolkit/lib (CommonJS) or ackee-frontend-toolkit/es (ES2015) to import things you need.

You can choose one of three ways for importing:

// 1. Import partially
import loadable from 'ackee-frontend-toolkit/HOC/loadable';

loadable(...)

// 2. Import from namespace
import * HOC from 'ackee-frontend-toolkit/HOC';

HOC.loadable(...)

// 3. Import from full package
import * ackee from 'ackee-frontend-toolkit';

ackee.loadable(...)

How to develop

yarn build or npm run build make sources prepared to use.

What's inside

Components

• DataList

High order components

• loadable
• makeDropzone
• authorizable
• errorBoundary
• pure

Helpers

• auth helpers
• action types helper
• component name helper
• testing helpers

Sagas

• routing
• formSubmit
• error
• combineDependencies helper

Actions

• form
• logging

Selectors

Modules

• chat
• localization
• routing-history

What we use

We don't want to invent a wheel every day so we are trying to use as much vendor components, utilities and helpers as possible. We remarked the approved ones to don't let us forget them :)

Development recipes

• Using form saga
• Lazy loading