zufgzufg

readme.md

@@ -17,7 +17,11 @@ programming language that compiles to javascript (like typescript).
 </ul>
 
 ### Motivating example: React vs Halogen
-this frontend app:
+You don't have to understand exactly how these examples work,
+I'm providing them simply for you to glance over and get a feeling
+for reading typescript/javascript vs purescript.
+
+This app:
  1. renders `"Loading..."` until either data or error
  1. fetches data from a server
  1. if ok, render items in a list. if error, render error span at the bottom of the page.
@@ -62,10 +66,7 @@ export const App: () => React.Node = () => {
 <summary>Purescript Halogen (click to expand)</summary>
 
 ```haskell
-type Item = { id :: String
-            , title :: String
-            , description :: String
-            }
+type Item = { id :: String, title :: String, description :: String }
 
 data State
   = StateEmpty
@@ -74,12 +75,11 @@ data State
 
 data Action = ActionInit
 
-renderItem item =
-  div [] [ p [] [text item.title]
-         , span
-             [className "small"]
-             [text item.description]
-         ]
+renderItem item = div [] [ p [] [text item.title]
+                         , span
+                             [className "small"]
+                             [text item.description]
+                         ]
 
 renderApp StateEmpty = p [] [text "Loading..."]
 renderApp (StateErrored e) = p [className "error"] [text (message e)]
@@ -96,11 +96,7 @@ action ActionInit = do
 app = mkComponent
   { initialState: StateEmpty
   , render: renderApp
-  , eval:
-      mkEval ( defaultEval { handleAction = action
-                           , initialize: Just ActionInit
-                           }
-             )
+  , eval: mkEval ( defaultEval { handleAction = action, initialize: Just ActionInit } )
   }
 ```