mongoosedbcc 1.0.0 → 1.0.1

package/library-frontend/src/App.js

@@ -4,15 +4,18 @@ export default function App() {
   const [books, setBooks] = useState([]);
   const [title, setTitle] = useState('');
 
-  // fetch books
+  const load = async () => {
+    const res = await fetch('/api/books');
+    setBooks(await res.json());
+  };
+
   useEffect(() => {
-    fetch('/api/books')
-      .then(res => res.json())
-      .then(setBooks);
+    load();
   }, []);
 
-  // add
   const add = async () => {
+    if (!title) return;
+
     await fetch('/api/books', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -20,21 +23,22 @@ export default function App() {
     });
 
     setTitle('');
-    const res = await fetch('/api/books');
-    setBooks(await res.json());
+    load(); // simpler refresh
   };
 
-  // delete
   const del = async (id) => {
     await fetch('/api/books/' + id, { method: 'DELETE' });
-    setBooks(books.filter(b => b._id !== id));
+    load(); // simpler than filter
   };
 
   return (
     <div>
       <h2>Library</h2>
 
-      <input value={title} onChange={e => setTitle(e.target.value)} />
+      <input
+        value={title}
+        onChange={e => setTitle(e.target.value)}
+      />
       <button onClick={add}>Add</button>
 
       <ul>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mongoosedbcc",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": false,
   "scripts": {
     "install-all": "cd library-backend && npm install && cd ../library-frontend && npm install",