try to use lodash

bagilevi · bagilevi · commit 3b986a07afd9 · 2018-07-13T10:31:23.000+01:00
diff --git a/package.json b/package.json
@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "lodash": "^4.17.10",
     "react": "^16.4.1",
     "react-dom": "^16.4.1",
     "react-scripts-ts": "2.16.0"
diff --git a/src/App.tsx b/src/App.tsx
@@ -3,13 +3,17 @@ import './App.css';
 
 import logo from './logo.svg';
 
+import _ from 'lodash';
+/*const _ = require('lodash')*/
+const foo = _.join(['f', 'oo']);
+
 class App extends React.Component {
   public render() {
     return (
       <div className="App">
         <header className="App-header">
           <img src={logo} className="App-logo" alt="logo" />
-          <h1 className="App-title">Welcome to React</h1>
+          <h1 className="App-title">{foo}</h1>
         </header>
         <p className="App-intro">
           To get started, edit <code>src/App.tsx</code> and save to reload.
diff --git a/src/declarations.d.ts b/src/declarations.d.ts
@@ -0,0 +1 @@
+declare module 'lodash'
diff --git a/src/foo.test.ts b/src/foo.test.ts
@@ -0,0 +1,5 @@
+import foo from './foo';
+
+it('works', () => {
+  expect(foo).toEqual('f,oo');
+})
diff --git a/src/foo.ts b/src/foo.ts
@@ -0,0 +1,4 @@
+import _ from 'lodash';
+
+const foo = _.join(['f', 'oo']);
+export default foo;
