vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge pull request #1883 from iminoso/webpack

Browse source 
Installing skeleton Webpack build tool on front end
This commit is contained in:
Ian Minoso 2016-10-26 12:02:05 -04:00 • committed by GitHub
commit f306177f01
13 changed files with 150 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

9
static/js/app.tsx Normal file
View file

@ -0,0 +1,9 @@
import * as React from "react";
import * as angular from "angular";
import repoHeader from "./directives/components/component";
angular.module('quayPages').directive('repoHeader', function(reactDirective) {
return reactDirective(repoHeader);
});

10
static/js/directives/components/component.tsx Normal file
View file

@ -0,0 +1,10 @@
import * as React from "react";
class repoHeader extends React.Component<{}, {}> {
render () {
return <p> The component for the header</p>;
}
}
export default repoHeader;

20
static/js/directives/components/testComponent.js
View file

@ -1,20 +0,0 @@
/**
* A react component implemented using the ngReact library
*/
var testComponent = React.createClass({
propTypes: {
firstProp: React.PropTypes.string.isRequired,
secondProp: React.PropTypes.string.isRequired
},
render: function() {
return React.DOM.span(null,
'This is a react component: ' + this.props.firstProp + ' ' + this.props.secondProp
);
}
});
angular.module('quayPages').value('test-component', testComponent);
angular.module('quayPages').directive('testComponent', function(reactDirective) {
return reactDirective('testComponent');
});