small changes

Author: bradwestfall

react/advanced-hooks/05-form-actions/lecture/App.tsx

@@ -41,21 +41,6 @@ export function App() {
   const [messages, setMessages] = useState<Message[]>([])
   const [pending, setPending] = useState(false)
 
-  // // 1. Making this an async function makes little difference
-  // // 2. However, setting messages state with the fn approach
-  // //    fixes the fact that messages were being overridden
-  // async function handleSubmit(e: FormEvent<HTMLFormElement>) {
-  //   e.preventDefault()
-  //   setPending(true)
-  //   const formData = new FormData(e.currentTarget)
-  //   messageRef.current.value = ''
-  //   messageRef.current.focus()
-  //   const res = await addMessage(formData.get('messageText') as string)
-  //   const { message: newMessage } = await res.json()
-  //   setMessages((messages) => messages.concat(newMessage))
-  //   setPending(false)
-  // }
-
   function handleSubmit(e: FormEvent<HTMLFormElement>) {
     e.preventDefault()
     setPending(true)

react/core/02-state/lecture/index.tsx

@@ -3,9 +3,6 @@ import * as ReactDOM from 'react-dom/client'
 import { LessonBody, LessonCard } from '~/Lesson'
 import { Counter } from './Counter'
 
-// A nice visual explanation of keys
-// https://twitter.com/dan_abramov/status/1415279090446204929
-
 function App() {
   const vacations = [
     { id: 1, name: 'Maui', hotels: 5 },
@@ -15,8 +12,7 @@ function App() {
     { id: 5, name: 'Florida Keys', hotels: 1 },
   ]
 
-  // Do "reduce" for total hotels
-  const totalHotels = 16
+  const totalHotels = vacations.reduce((sum, item) => sum + item.hotels, 0)
 
   return (
     <LessonBody>

react/core/02-state/practice/App.jsx

@@ -11,6 +11,8 @@ export function App() {
   useState(/* initialState */)
 
   function loadVacations() {
+    // The getAll() method will resolve an array of vacations. We nest our network API calls
+    // in objects like api.vacations.getAll() for convenience.
     api.vacations.getAll().then((vacations) => {
       console.log(vacations)
     })