alexandria-adslot v6.0.0

DEPRECATED

This package is deprecated. All Alexandria components have been moved to Adslot UI

Alexandria

A UI component library. By Adslot

Named after the Library of Alexandria

Technology:

• React
• ES2015 (using Babel)
• Webpack
• SCSS
• Yeoman
• ESLint
• JSCS
• Autoprefixer

Development

• Take a look at our Contributing guidelines

• Clone the repo: git clone git@github.com:Adslot/alexandria.git

• Install yeoman globally: npm install -g yo OPTIONAL

• Install NPM dependencies: npm i

• Set-up git hooks

  rm -rf .git/hooks && cd .git/ && ln -s ../scripts/git-hooks hooks && chmod +x hooks/* && cd -

Commands

# Start for development

npm start

# Start the dev-server without automatic refresh

npm run start:cold

# Build the dist version

npm run dist

# Lint all files in src (also automatically run after tests)

npm run lint

# Run tests and posttest linting

npm run test

# Run tests and rebuild on file changes.

npm run test:watch

Generating New Components

yo react-webpack:component alexandria/component/name

This creates a new component, its stylesheet and a basic test case.

Most of the time you will want to add:

--stateless

That makes a stateless component (pure function, no internal state).

Build Profiling

To generate a profile: npm run profile

Upload the new stats.json file to Webpack Analyse Tool.