Generics article 5 (#6)

* Add sitemap

* Up to step 7 of generics article

Author: chibicode

.prettierrc

@@ -5,7 +5,7 @@
     {
       "files": "snippets/snippets/**/*.ts",
       "options": {
-        "printWidth": 49
+        "printWidth": 48
       }
     }
   ]

public/sitemap.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" 
+  xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" 
+  xmlns:xhtml="http://www.w3.org/1999/xhtml" 
+  xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" 
+  xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
+  <url>
+    <loc>https://ts.chibicode.com</loc>
+  </url>
+  <url>
+    <loc>https://ts.chibicode.com/generics</loc>
+  </url>
+</urlset>

snippets/snippets/generics/bfka.ts

@@ -1,12 +1,12 @@
-// We want to modify createState() to support
+// We want to modify makeState() to support
 // creating two different states:
 
 // One that only allows numbers, and…
-const numState = createState()
+const numState = makeState()
 numState.setState(1)
 console.log(numState.getState()) // 1
 
 // The other that only allows strings.
-const strState = createState()
+const strState = makeState()
 strState.setState('foo')
 console.log(strState.getState()) // foo

snippets/snippets/generics/brze.ts

@@ -1,4 +1,4 @@
-function createState<S>() {
+function makeState<S>() {
   let state: S
 
   function getState() {

snippets/snippets/generics/cbeq.ts

@@ -1,4 +1,4 @@
-const { getState, setState } = createState()
+const { getState, setState } = makeState()
 
 setState(1)
 console.log(getState())

snippets/snippets/generics/cupt.ts

@@ -1,4 +1,4 @@
-function createState() {
+function makeState() {
   let state: number
 
   function getState() {

snippets/snippets/generics/defo.ts

@@ -1,4 +1,4 @@
-function createState<S>() {
+function makeState<S>() {
   let state: S
 
   function getState() {
@@ -12,10 +12,10 @@ function createState<S>() {
   return { getState, setState }
 }
 
-const numState = createState<number>()
+const numState = makeState<number>()
 numState.setState(1)
 console.log(numState.getState())
 
-const strState = createState<string>()
+const strState = makeState<string>()
 strState.setState('foo')
 console.log(strState.getState())

snippets/snippets/generics/dngl.ts

@@ -0,0 +1,18 @@
+function makeState<
+  S extends number | string
+>() {
+  let state: S
+
+  function getState() {
+    return state
+  }
+
+  function setState(x: S) {
+    state = x
+  }
+
+  return { getState, setState }
+}
+
+// What happens if we now pass boolean to S?
+const boolState = makeState<boolean>()

snippets/snippets/generics/gjgg.ts

@@ -1,5 +1,5 @@
 // Creates a number-only state
-const numState = createState<number>()
+const numState = makeState<number>()
 numState.setState(1)
 console.log(numState.getState())
 

snippets/snippets/generics/gkgi.ts

@@ -1,4 +1,4 @@
-function createState() {
+function makeState() {
   // Change to string
   let state: string