@@ -118,21 +118,25 @@ rendered in a web browser.
118118<br />
119119If you're not into flow diagrams,
120120here is a much more "user friendly" explanation
121- of The Elm Architecture ("TEA"):
121+ of The Elm Architecture ("TEA"): < br />
122122
123123<div align =" center " >
124124
125125![ elm-architecture-puppet-show] ( https://user-images.githubusercontent.com/194400/41206474-62d1a6a4-6cfc-11e8-8029-e27b7aa7f069.jpg )
126126
127+ <br />
128+ 127129[ ** Kolja Wilcke** 's] ( https://twitter.com/01k/status/986528602635358208?s=20 )
128130[ "View Theater" diagram] ( https://github.com/w0rm/creating-a-fun-game-with-elm/blob/001baf05b3879d12c0ff70075e9d25e8cc7c4656/assets/the-elm-architecture1.jpg )
129131Creative Commons License
130132[ Attribution 4.0 International (CC BY 4.0)] ( https://twitter.com/01k/status/986528602635358208?s=20 )
131133
134+ <br />
135+ 132136</div >
133137
134138If this diagram is not clear (_ yet_ ), again, don't panic,
135- it will all become clear when you start seeing it in _ action_ (_ below_ )!
139+ it will all be clarified when you start seeing it in _ action_ (_ below_ )!
136140
137141
138142## _ How?_
@@ -145,6 +149,11 @@ git clone https://github.com/dwyl/learn-elm-architecture-in-javascript.git && cd
145149
146150### 2. Open Example ` .html ` file in Web Browser
147151
152+ > ** Tip** : if you have ** node.js** installed, simply run ** ` npm install ` ** !
153+ > That will install ** ` live-server ` ** which will _ automatically_ refresh
154+ your browser window when you make changes to the code!
155+ (_ makes developing faster!_ )
156+ 148157When you open ` examples/counter-basic/index.html ` you should see:
149158
150159![ elm-architecture-counter] ( https://cloud.githubusercontent.com/assets/194400/25780607/d2251eac-3321-11e7-8e65-9abbfa204fb3.gif )
0 commit comments