FIX: Correct typos and errors in slides

.gitignore

@@ -1,6 +1,7 @@
 dist
 node_modules
 .vscode
+.idea
 
 # OSX
 .DS_Store

presentations/decks/JS-Language-Primer/slides/NullishCoalescing.md

@@ -2,7 +2,7 @@
 
 <v-clicks>
 
-* Similar but safer as || operator
+* Similar but safer than || operator
 
 ```tsx {all|4-5|7-8|10-12}
 const _this = undefined

presentations/decks/JS-Language-Primer/slides/ObjectDestructuring.md

@@ -11,12 +11,12 @@ const obj = {
     },
 }
 
-const {a, d} = obj
+const {a, hero} = obj
 console.log(a === obj.a) // ?
-console.log(d === obj.d) // ?
+console.log(hero === obj.hero) // ?
 
 // get the "rest" of the object as shallow copy
-const {b, d, ...rest} = obj
+const {b, hero, ...rest} = obj
 console.log(b) // => 2
 console.log(rest) // => {a: 1, c: 3}
 ```

presentations/decks/ReactBasics/slides/ReactBasics2.md

@@ -8,7 +8,7 @@
 * a library for view rendering
 * was open-sourced by Facebook in 2013
 * has a small API
-* is easy reason about due to it's "one way" data flow
+* is easy to reason about due to it's "one way" data flow
 * efficiently updates and renders the view once data changes
 * has bindings for the Browser, static HTML and Native
 * has a huge community & rich ecosystem

presentations/decks/ReactBasics/slides/ReactComponents.md

@@ -11,7 +11,7 @@ import React from 'react'
 
 const Article = () => (
     <article className="article">
-        <h2> className="title">Title</h2>
+        <h2 className="title">Title</h2>
         <p className="text">Text</p>
     </article>
 )

presentations/decks/TS-Language-Primer/slides/TypeScriptWhy.md

@@ -6,8 +6,8 @@
 <v-clicks>
 
 * describe the shape of your data and transformation
-* provide better documentatio
-* lower cognitive overhead significantl
-* write code with more confidenc
+* provide better documentation
+* lower cognitive overhead significant
+* write code with more confidence
 
 </v-clicks>

presentations/decks/functionalComponentsAndHooks/slides/FunctionalComponents.md

@@ -2,7 +2,7 @@
 
 <v-clicks>
 
-* JS-functions which accpet props as arguments and return JSX
+* JS-functions which accept props as arguments and return JSX
 * Return is equivalent to `render()` method in classes
 
 </v-clicks>

presentations/decks/functionalComponentsAndHooks/slides/ListRendering.md

@@ -19,11 +19,11 @@ type Props = {
 const Component = ({ users }: Props) => {
   return (
     <ul>
-      users.map(user => (
+      {users.map(user => (
         <li key={user.id}>
           {user.name}
         </li>
-      ))
+      ))}
     </ul>
   )
 }