sebworks / atomiccomponent Goto Github PK
View Code? Open in Web Editor NEWFramework for building Atomic Components
License: Creative Commons Zero v1.0 Universal
Framework for building Atomic Components
License: Creative Commons Zero v1.0 Universal
@sebworks I'm thinking we should keep this repo separate from CF. It's exceptionally well abstracted and stands fine on its own. CF can just inherit from it. I imagine you had this in mind when you wrote it. I propose we:
cfpb/atomic-component
.atomic-component
.atomic-component
.For example, the code in table.js
would be moved into cf-tables.js
and instead of importing
var closest = require( '../../utilities/dom-closest' ).closest;
var config = require( '../../utilities/config' );
var Organism = require( './Organism' );
at the top of the file, it'd be
var closest = require( 'atomic-component/utils/dom-closest' ).closest;
var config = require( 'atomic-component/utils/config' );
var Organism = require( 'atomic-component/organism' );
Here's the complete example. I updated my cf sandbox to use it:
git clone [email protected]:contolini/capital-framework-sandbox.git
cd capital-framework-sandbox
npm i && npm start
Open http://localhost:3000/components/cf-tables/ and the table at the bottom should properly sort.
Let's chat later today!
cc @KimberlyMunoz @jimmynotjim @virginiacc @mistergone @cfarm
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.