fixed typo

Author: chrisminnick

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}

book-code-listings/chapter06/Reminders/App.js

@@ -1,12 +1,12 @@
-import { useState } from "react";
-import InputForm from "./InputForm";
-import FilterSelect from "./FilterSelect";
-import RemindersList from "./RemindersList";
+import { useState } from 'react';
+import InputForm from './InputForm';
+import FilterSelect from './FilterSelect';
+import RemindersList from './RemindersList';
 
 function App() {
   const [reminders, setReminders] = useState();
   const [userInput, setUserInput] = useState();
-  const [selectedFilter, setSelectedFilter] = useState("all");
+  const [selectedFilter, setSelectedFilter] = useState('all');
 
   const addNewReminder = (itemToAdd) => {
     if (reminders === undefined) {
@@ -16,7 +16,9 @@ function App() {
     }
   };
 
-  const filteredList = filterList(reminders, selectedFilter);
+  const filteredList = reminders
+    ? filterList(reminders, selectedFilter)
+    : undefined;
 
   function setIsComplete(isComplete, index) {
     const newReminders = [
@@ -28,19 +30,19 @@ function App() {
   }
 
   function filterList(reminders, selectedFilter) {
-    if (selectedFilter === "all") {
+    if (selectedFilter === 'all') {
       return reminders;
     } else {
       let numberOfDays;
 
       switch (selectedFilter) {
-        case "2day":
+        case '2day':
           numberOfDays = 2;
           break;
-        case "1week":
+        case '1week':
           numberOfDays = 7;
           break;
-        case "30days":
+        case '30days':
           numberOfDays = 30;
           break;
         default:

book-code-listings/chapter06/RemindersClass/App.js

@@ -1,15 +1,15 @@
-import { Component } from "react";
-import InputForm from "./InputForm";
-import FilterSelect from "./FilterSelect";
-import RemindersList from "./RemindersList";
+import { Component } from 'react';
+import InputForm from './InputForm';
+import FilterSelect from './FilterSelect';
+import RemindersList from './RemindersList';
 
 class App extends Component {
   constructor(props) {
     super(props);
     this.state = {
       reminders: undefined,
       userInput: undefined,
-      selectedFilter: "all",
+      selectedFilter: 'all',
     };
     this.setUserInput = this.setUserInput.bind(this);
     this.setSelectedFilter = this.setSelectedFilter.bind(this);
@@ -47,19 +47,19 @@ class App extends Component {
   }
 
   filterList(reminders, selectedFilter) {
-    if (selectedFilter === "all") {
+    if (selectedFilter === 'all') {
       return reminders;
     } else {
       let numberOfDays;
 
       switch (selectedFilter) {
-        case "2day":
+        case '2day':
           numberOfDays = 2;
           break;
-        case "1week":
+        case '1week':
           numberOfDays = 7;
           break;
-        case "30days":
+        case '30days':
           numberOfDays = 30;
           break;
         default:

next-reactjsfoundations.com/nextjs-blog/.gitignore

@@ -0,0 +1,30 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local

next-reactjsfoundations.com/nextjs-blog/README.md

@@ -0,0 +1 @@
+This is a starter template for [Learn Next.js](https://nextjs.org/learn).