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:
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.