Playing with dependencies

package.json

@@ -8,7 +8,8 @@
     "inferno-bootstrap": "^5.0.0",
     "inferno-router": "^5.0.1",
     "inferno-scripts": "6.3.0",
-    "node-exiftool": "^2.3.0"
+    "node-exiftool": "^2.3.0",
+    "query-string": "^6.0.0"
   },
   "devDependencies": {
     "babel-eslint": "^8.2.2",

src/App.js

@@ -1,31 +1,34 @@
 import { BrowserRouter } from 'inferno-router';
 
-import { Button, Form, FormGroup, Input, Label } from './components/Form';
-import { Container, Row } from './components/Grid';
+import { Jumbotron } from './components/Bootstrap';
+import { Button, Form, FormGroup, Input, Label } from './components/Bootstrap/Form';
+import { Container, Row } from './components/Bootstrap/Grid';
 
 const App = () => (
 	<BrowserRouter>
-		<Container className="App">
-			<Row>
-				<header className="App-header">
-					<h1>Welcome to Inferno</h1>
-				</header>
-			</Row>
-			<Row>
-				<p className="App-intro">
-					To get started, edit <code>src/App.js</code> and save to reload.
-				</p>
-			</Row>
-			<Row>
-				<Form>
-					<FormGroup>
-						<Label htmlFor="brand">Brand</Label>
-						<Input type="text" id="brand" name="brand" />
-					</FormGroup>
-					<Button type="submit">Save</Button>
-				</Form>
-			</Row>
-		</Container>
+		<Jumbotron>
+			<Container className="App">
+				<Row>
+					<header className="App-header">
+						<h1>Welcome to Inferno</h1>
+					</header>
+				</Row>
+				<Row>
+					<p className="App-intro">
+						To get started, edit <code>src/App.js</code> and save to reload.
+					</p>
+				</Row>
+				<Row>
+					<Form>
+						<FormGroup>
+							<Label htmlFor="brand">Brand</Label>
+							<Input type="text" id="brand" name="brand" />
+						</FormGroup>
+						<Button color="primary" type="submit">Save</Button>
+					</Form>
+				</Row>
+			</Container>
+		</Jumbotron>
 	</BrowserRouter>
 );
 

src/components/Bootstrap/Bootstrap.js

@@ -0,0 +1,5 @@
+import Jumbotron from 'inferno-bootstrap/dist/Jumbotron';
+
+export {
+	Jumbotron,
+}

src/components/Bootstrap/Cards.js

@@ -0,0 +1,29 @@
+import Card from 'inferno-bootstrap/dist/Card/Card';
+import CardBody from 'inferno-bootstrap/dist/Card/CardBody';
+import CardColumns from 'inferno-bootstrap/dist/Card/CardColumns';
+import CardDeck from 'inferno-bootstrap/dist/Card/CardDeck';
+import CardFooter from 'inferno-bootstrap/dist/Card/CardFooter';
+import CardGroup from 'inferno-bootstrap/dist/Card/CardGroup';
+import CardHeader from 'inferno-bootstrap/dist/Card/CardHeader';
+import CardImg from 'inferno-bootstrap/dist/Card/CardImg';
+import CardImgOverlay from 'inferno-bootstrap/dist/Card/CardImgOverlay';
+import CardLink from 'inferno-bootstrap/dist/Card/CardLink';
+import CardSubtitle from 'inferno-bootstrap/dist/Card/CardSubtitle';
+import CardText from 'inferno-bootstrap/dist/Card/CardText';
+import CardTitle from 'inferno-bootstrap/dist/Card/CardTitle';
+
+export {
+	Card,
+	CardBody,
+	CardColumns,
+	CardDeck,
+	CardFooter,
+	CardGroup,
+	CardHeader,
+	CardImg,
+	CardImgOverlay,
+	CardLink,
+	CardSubtitle,
+	CardText,
+	CardTitle,
+};

src/components/Bootstrap/index.js

@@ -0,0 +1,4 @@
+export * from './Bootstrap';
+export * from './Cards';
+export * from './Form';
+export * from './Grid';

src/components/index.js

@@ -1 +1 @@
-export * from './Grid';
+export * from './Bootstrap';

yarn.lock

@@ -6512,6 +6512,13 @@ query-string@^4.1.0:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
 
+query-string@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-6.0.0.tgz#8b8f39447b73e8290d6f5e3581779218e9171142"
+  dependencies:
+    decode-uri-component "^0.2.0"
+    strict-uri-encode "^2.0.0"
+
 querystring-es3@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
@@ -7429,6 +7436,10 @@ strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
 
+strict-uri-encode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
+
 string-length@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"