[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":-5,"_8":9,"_10":11},"actionData","errors","root",{"_337":-5,"_816":-5,"_817":818,"_819":820,"_821":822,"_823":824,"_825":826,"_827":828,"_829":322,"_830":831,"_832":833,"_834":835},"routes/_store+/_readers+/read_/route","routes/_store+/_readers+/read_.$slug/route",{"_16":561,"_562":563,"_564":565,"_566":322,"_567":-7},"routes/_store+/_readers+/read_.$slug.$chapterId/route",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25},"title","An Elm Primer for React Developers","content","

Part III: Building Real Applications

https://leanpub.com/elm-for-react-devs","book",{"_12":13,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":15,"_328":329,"_330":331},"prevChapter",{"_120":139,"_12":315,"_123":-5,"_124":316,"_126":127,"_128":-5,"_129":-5,"_130":-5},"nextChapter",{"_120":139,"_12":313,"_123":-5,"_124":314,"_126":127,"_128":-5,"_129":-5,"_130":-5},"sections",[21,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119],"chapterTitle","Part III: Building Real Applications",{"_120":121,"_12":311,"_123":-5,"_124":312,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":309,"_123":-5,"_124":310,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":307,"_123":-5,"_124":308,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":305,"_123":-5,"_124":306,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":303,"_123":-5,"_124":304,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":301,"_123":-5,"_124":302,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":299,"_123":-5,"_124":300,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":297,"_123":-5,"_124":298,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":276,"_123":-5,"_124":296,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":294,"_123":-5,"_124":295,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":292,"_123":-5,"_124":293,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":290,"_123":-5,"_124":291,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":288,"_123":-5,"_124":289,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":286,"_123":-5,"_124":287,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":284,"_123":-5,"_124":285,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":282,"_123":-5,"_124":283,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":280,"_123":-5,"_124":281,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":278,"_123":-5,"_124":279,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":276,"_123":-5,"_124":277,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":274,"_123":-5,"_124":275,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":272,"_123":-5,"_124":273,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":270,"_123":-5,"_124":271,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":268,"_123":-5,"_124":269,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":247,"_123":-5,"_124":267,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":265,"_123":-5,"_124":266,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":263,"_123":-5,"_124":264,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":261,"_123":-5,"_124":262,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":259,"_123":-5,"_124":260,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":257,"_123":-5,"_124":258,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":255,"_123":-5,"_124":256,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":253,"_123":-5,"_124":254,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":251,"_123":-5,"_124":252,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":249,"_123":-5,"_124":250,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":247,"_123":-5,"_124":248,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":245,"_123":-5,"_124":246,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":243,"_123":-5,"_124":244,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":241,"_123":-5,"_124":242,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":239,"_123":-5,"_124":240,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":237,"_123":-5,"_124":238,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":235,"_123":-5,"_124":236,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":233,"_123":-5,"_124":234,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":231,"_123":-5,"_124":232,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":229,"_123":-5,"_124":230,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":227,"_123":-5,"_124":228,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":225,"_123":-5,"_124":226,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":223,"_123":-5,"_124":224,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":221,"_123":-5,"_124":222,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":219,"_123":-5,"_124":220,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":217,"_123":-5,"_124":218,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":215,"_123":-5,"_124":216,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":213,"_123":-5,"_124":214,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":211,"_123":-5,"_124":212,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":209,"_123":-5,"_124":210,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":168,"_123":-5,"_124":208,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":206,"_123":-5,"_124":207,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":204,"_123":-5,"_124":205,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":202,"_123":-5,"_124":203,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":200,"_123":-5,"_124":201,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":198,"_123":-5,"_124":199,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":196,"_123":-5,"_124":197,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":168,"_123":-5,"_124":195,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":193,"_123":-5,"_124":194,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":191,"_123":-5,"_124":192,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":189,"_123":-5,"_124":190,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":187,"_123":-5,"_124":188,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":168,"_123":-5,"_124":186,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":184,"_123":-5,"_124":185,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":182,"_123":-5,"_124":183,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":180,"_123":-5,"_124":181,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":178,"_123":-5,"_124":179,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":176,"_123":-5,"_124":177,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":174,"_123":-5,"_124":175,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":172,"_123":-5,"_124":173,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":170,"_123":-5,"_124":171,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":168,"_123":-5,"_124":169,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":166,"_123":-5,"_124":167,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":164,"_123":-5,"_124":165,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":162,"_123":-5,"_124":163,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":160,"_123":-5,"_124":161,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":158,"_123":-5,"_124":159,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":156,"_123":-5,"_124":157,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":154,"_123":-5,"_124":155,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":152,"_123":-5,"_124":153,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":150,"_123":-5,"_124":151,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":148,"_123":-5,"_124":149,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":146,"_123":-5,"_124":147,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":144,"_123":-5,"_124":145,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":142,"_123":-5,"_124":143,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":140,"_123":-5,"_124":141,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":137,"_123":-5,"_124":138,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":135,"_123":-5,"_124":136,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":133,"_123":-5,"_124":134,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":131,"_123":-5,"_124":132,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":122,"_123":-5,"_124":125,"_126":127,"_128":-5,"_129":-5,"_130":-5},"level",3,"Advanced Topics Beyond This Book","description","path","#advanced-topics-beyond-this-book","fileCount",1,"quizType","sectionNum","youtubeId","Community and Getting Help","#community-and-getting-help","A Reference Elm SPA: dwayne/elm-conduit","#a-reference-elm-spa-dwayneelm-conduit","Essential Elm Learning Resources","#essential-elm-learning-resources","Code Examples from This Book","#code-examples-from-this-book",2,"Appendix C: Further Reading and Resources","#resources","Where to Go From Here","#where-to-go-from-here","Commands and Tasks: Elm’s Approach to Effects","#commands-and-tasks-elms-approach-to-effects","The Elm to Haskell Rosetta Stone","#the-elm-to-haskell-rosetta-stone","Monads: Chaining Operations That Might Fail","#monads-chaining-operations-that-might-fail","Applicatives: When You Have Multiple Wrapped Values","#applicatives-when-you-have-multiple-wrapped-values","Functors: Things You Can Map Over","#functors-things-you-can-map-over","Why Elm Avoids This Terminology","#why-elm-avoids-this-terminology","Appendix B: The Scary Words You Already Understand","#appendix-b-the-scary-words-you-already-understand","Troubleshooting Guide for React Developers","#troubleshooting-guide-for-react-developers","Common Patterns Cheat Sheet","#common-patterns-cheat-sheet","React to Elm Concept Mapping","#react-to-elm-concept-mapping","Appendix A: Quick Reference Guide","#quick-reference","About the Author","#about-the-author","Wrapping Up","#wrapping-up-4","elm-optimize-level-2","#elm-optimize-level-2","When and How to Optimize Elm Applications","#when-and-how-to-optimize-elm-applications","Lazy Loading and Code Splitting","#lazy-loading-and-code-splitting","Bundle Sizes and Compilation Targets","#bundle-sizes-and-compilation-targets","Performance by Default vs Performance by Configuration","#performance-by-default-vs-performance-by-configuration","How Elm’s Virtual DOM Makes Optimization Automatic","#how-elms-virtual-dom-makes-optimization-automatic","React.memo, useCallback, and Reconciliation Pain Points","#reactmemo-usecallback-and-reconciliation-pain-points","Chapter 17: Performance in Practice","#performance","#wrapping-up-3","When the Ecosystem Doesn’t Have What You Need","#when-the-ecosystem-doesnt-have-what-you-need","Popular Packages and Community Patterns","#popular-packages-and-community-patterns","The Part Where npm Lies to You (And Elm Doesn’t)","#the-part-where-npm-lies-to-you-and-elm-doesnt","Chapter 16: The Elm Ecosystem for React Developers","#ecosystem","#wrapping-up-2","The Complete Code","#the-complete-code-1","What You Don’t Need to Test","#what-you-dont-need-to-test","Fuzz Testing: Let the Framework Think","#fuzz-testing-let-the-framework-think","TDD Where It Shines","#tdd-where-it-shines","From Jest to elm-test","#from-jest-to-elm-test","Chapter 15: Testing Strategies","#testing","#wrapping-up-1","The Underlying Principle","#the-underlying-principle","Shared State","#shared-state","Composing Models","#composing-models","From Type to Module","#from-type-to-module","A Second State Machine: Form Lifecycle","#a-second-state-machine-form-lifecycle","Reversible State Machines","#reversible-state-machines","From Booleans to State Machines","#from-booleans-to-state-machines","Chapter 14: State Patterns at Scale","#state-patterns","Wrapping up","#wrapping-up","The Complete Example","#the-complete-example","Comparing to React Router","#comparing-to-react-router","A Page Module","#a-page-module","Handling Navigation","#handling-navigation","The Application Structure","#the-application-structure","Building URLs","#building-urls","Parsing URLs","#parsing-urls","Modeling Routes as Types","#modeling-routes-as-types","From Element to Application","#from-element-to-application","Chapter 13: Routing and Navigation","#routing","What We Learned","#what-we-learned-1","Patterns Worth Noting","#patterns-worth-noting","The Api Module","#the-api-module","The Complete Main Module","#the-complete-main-module","Native Dialogs and Ports","#native-dialogs-and-ports","Why OutMsg Works","#why-outmsg-works","The OutMsg Pattern","#the-outmsg-pattern","Modeling the Top-Level State","#modeling-the-top-level-state","The Problem: A Feedback Widget","#the-problem-a-feedback-widget","Chapter 12: Building a Feedback Wizard","#wizard","#what-we-learned","Finding the Right Abstraction","#finding-the-right-abstraction","When Validation Enters the Picture","#when-validation-enters-the-picture","A Simple Contact Form","#a-simple-contact-form","Chapter 11: Forms and Validation","#forms-validation","What We’ve Learned","#what-weve-learned-1","The Freedom to Reorganize","#the-freedom-to-reorganize","When to Use Each Pattern","#when-to-use-each-pattern","The Broader Pattern: State Machines in Types","#the-broader-pattern-state-machines-in-types","What We Gained","#what-we-gained","Using the Calendar Module","#using-the-calendar-module","The Complete Calendar Module","#the-complete-calendar-module","Going Further: Phantom Types","#going-further-phantom-types","Opaque Types: Hiding What Shouldn’t Be Seen","#opaque-types-hiding-what-shouldnt-be-seen","Chapter 10: Modules Around Data Structures","#modules-data","#what-weve-learned","The Freedom of Safe Refactoring","#the-freedom-of-safe-refactoring","When to Split: Modules for Data Structures","#when-to-split-modules-for-data-structures","Getting the Real Date: Enter Tasks","#getting-the-real-date-enter-tasks","Starting Simple: The Mock Date Version","#starting-simple-the-mock-date-version","Basic Advent Calendar Spec","#basic-advent-calendar-spec","Let’s Build an Advent Calendar App","#lets-build-an-advent-calendar-app","Elm is Different","#elm-is-different","Moving Beyond the Single-File Approach?","#moving-beyond-the-single-file-approach","Chapter 9: Organizing Files and Modules","#organizing-modules","Chapter 8: JavaScript Interop: Ports and Flags","#interop","metaText","The fastest way for React developers to master functional programming. Elm guarantees zero runtime exceptions and teaches FP concepts that transfer everywhere.","slug","elm-for-react-devs","embargo",false,"coverFeatured",{"_559":560},"tocStructure",[341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,19,409,410,411,412,413,414,415,21,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119],"publicChapterContent","showReadLinkString","sample","authors",[332],{"_333":334,"_335":336,"_337":338},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci83MTU1OA","name","Christian Ekrem","user",{"_339":340},"username","cekrem",{"_120":127,"_12":557,"_123":-5,"_124":558,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":557,"_123":-5,"_124":558,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":555,"_123":-5,"_124":556,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":553,"_123":-5,"_124":554,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":551,"_123":-5,"_124":552,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":127,"_12":549,"_123":-5,"_124":550,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":547,"_123":-5,"_124":548,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":545,"_123":-5,"_124":546,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":543,"_123":-5,"_124":544,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":541,"_123":-5,"_124":542,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":539,"_123":-5,"_124":540,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":537,"_123":-5,"_124":538,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":535,"_123":-5,"_124":536,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":533,"_123":-5,"_124":534,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":531,"_123":-5,"_124":532,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":529,"_123":-5,"_124":530,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":527,"_123":-5,"_124":528,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":525,"_123":-5,"_124":526,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":523,"_123":-5,"_124":524,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":521,"_123":-5,"_124":522,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":519,"_123":-5,"_124":520,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":517,"_123":-5,"_124":518,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":515,"_123":-5,"_124":516,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":513,"_123":-5,"_124":514,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":511,"_123":-5,"_124":512,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":509,"_123":-5,"_124":510,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":507,"_123":-5,"_124":508,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":505,"_123":-5,"_124":506,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":503,"_123":-5,"_124":504,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":501,"_123":-5,"_124":502,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":499,"_123":-5,"_124":500,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":497,"_123":-5,"_124":498,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":495,"_123":-5,"_124":496,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":493,"_123":-5,"_124":494,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":491,"_123":-5,"_124":492,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":489,"_123":-5,"_124":490,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":487,"_123":-5,"_124":488,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":485,"_123":-5,"_124":486,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":483,"_123":-5,"_124":484,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":481,"_123":-5,"_124":482,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":479,"_123":-5,"_124":480,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":477,"_123":-5,"_124":478,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":127,"_12":475,"_123":-5,"_124":476,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":473,"_123":-5,"_124":474,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":471,"_123":-5,"_124":472,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":469,"_123":-5,"_124":470,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":467,"_123":-5,"_124":468,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":417,"_123":-5,"_124":466,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":464,"_123":-5,"_124":465,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":462,"_123":-5,"_124":463,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":460,"_123":-5,"_124":461,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":458,"_123":-5,"_124":459,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":456,"_123":-5,"_124":457,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":454,"_123":-5,"_124":455,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":452,"_123":-5,"_124":453,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":450,"_123":-5,"_124":451,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":448,"_123":-5,"_124":449,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":446,"_123":-5,"_124":447,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":444,"_123":-5,"_124":445,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":196,"_123":-5,"_124":443,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":441,"_123":-5,"_124":442,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":417,"_123":-5,"_124":440,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":438,"_123":-5,"_124":439,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":436,"_123":-5,"_124":437,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":434,"_123":-5,"_124":435,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":432,"_123":-5,"_124":433,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":417,"_123":-5,"_124":431,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":429,"_123":-5,"_124":430,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":427,"_123":-5,"_124":428,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":425,"_123":-5,"_124":426,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":423,"_123":-5,"_124":424,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":421,"_123":-5,"_124":422,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":419,"_123":-5,"_124":420,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":417,"_123":-5,"_124":418,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":127,"_12":25,"_123":-5,"_124":416,"_126":127,"_128":-5,"_129":-5,"_130":-5},"#part-iii-building-real-applications","What You Just Learned","#what-you-just-learned-3","Adding Clipboard Support to the LGTM Generator","#adding-clipboard-support-to-the-lgtm-generator","Ports for Communicating with JavaScript","#ports-for-communicating-with-javascript","Flags as Program Input","#flags-as-program-input","Upgrading Our Build for Manual Bootstrapping","#upgrading-our-build-for-manual-bootstrapping","JavaScript as Infrastructure","#javascript-as-infrastructure","Further Reading","#further-reading","#what-you-just-learned-2","What About Sending JSON?","#what-about-sending-json","Supporting JSON in Our LGTM Generator","#supporting-json-in-our-lgtm-generator","Why JSON Needs Decoding in Elm","#why-json-needs-decoding-in-elm","Chapter 7: JSON Decoders and Type Safety","#json-decoders","#what-you-just-learned-1","Commands Are Just Commands","#commands-are-just-commands","#the-complete-code","Rendering Different States","#rendering-different-states","Handling Results in update","#handling-results-in-update","Refactoring the GotPhrase Message","#refactoring-the-gotphrase-message","Updating init","#updating-init","Creating the HTTP Request","#creating-the-http-request","Success | Loading | Error","#success--loading--error","The Shape of HTTP in Elm","#the-shape-of-http-in-elm","Installing elm/http","#installing-elmhttp","Setting Up the Server","#setting-up-the-server","From Random.generate to Http.get","#from-randomgenerate-to-httpget","Chapter 6: HTTP and Remote Data","#http-data","#what-you-just-learned","Adding Randomness to the LGTM Generator","#adding-randomness-to-the-lgtm-generator","The Cmd Type and How It Works","#the-cmd-type-and-how-it-works","Upgrading from Browser.sandbox to Browser.element","#upgrading-from-browsersandbox-to-browserelement","Chapter 5: Commands and Randomness","#commands","Part II: The Outside World: Randomness, APIs, and JavaScript","#part-ii-the-outside-world-randomness-apis-and-javascript","Scaling This Approach","#scaling-this-approach","Build Systems and Toolchain Integration","#build-systems-and-toolchain-integration","Integrating One Elm Component into React","#integrating-one-elm-component-into-react","Widget-by-widget Incremental Adoption Strategy","#widget-by-widget-incremental-adoption-strategy","Chapter 4: Starting Small: Elm in Your React Codebase","#starting-small","What You Just Built","#what-you-just-built","Compiler-Driven Development in Action","#compiler-driven-development-in-action","Building Your First Elm App","#building-your-first-elm-app","The LGTM Generator: Building It Step by Step","#the-lgtm-generator-building-it-step-by-step","Two Flavors of main","#two-flavors-of-main","The obligatory “Hello, world!”","#the-obligatory-hello-world","Setting Up Your Project","#setting-up-your-project","Editor Setup","#editor-setup","Installing Elm","#installing-elm","Chapter 3: Your First Elm App","#first-app","What’s Next","#whats-next","What You Just Learned (The FP Hiding in Plain Sight)","#what-you-just-learned-the-fp-hiding-in-plain-sight","The Price of Explicitness","#the-price-of-explicitness","What Makes TEA Different","#what-makes-tea-different","What React Developers Already Know","#what-react-developers-already-know","The Elm Runtime Loop","#the-elm-runtime-loop","Putting It All Together: Counter with Undo","#putting-it-all-together-counter-with-undo","Ingredient 4: view - Rendering Your State","#ingredient-4-view---rendering-your-state","Ingredient 3: update - How State Changes","#ingredient-3-update---how-state-changes","Ingredient 2: Msg - Things That Can Happen","#ingredient-2-msg---things-that-can-happen","Ingredient 1: Model - Your State Shape","#ingredient-1-model---your-state-shape","The Recipe: Four Simple Ingredients","#the-recipe-four-simple-ingredients","Chapter 2: The Elm Architecture – A Recipe for Reliable Apps","#elm-architecture","What Elm Teaches You","#what-elm-teaches-you","What This Costs You","#what-this-costs-you","Architecture You Don’t Have to Enforce","#architecture-you-dont-have-to-enforce","Refactoring with Confidence","#refactoring-with-confidence","Debugging Gets Boring (In a Good Way)","#debugging-gets-boring-in-a-good-way","When Constraints Give Freedom","#when-constraints-give-freedom","React Recommends, Elm Requires and Enables","#react-recommends-elm-requires-and-enables","Chapter 1: Elm: Constraints That Free You","#why-elm","Part I: From React to Elm: Getting Started","#part-i-from-react-to-elm-getting-started","Acknowledgements","#acknowledgements","Introduction","#introduction","Foreword","#foreword","Praise for An Elm Primer for React Developers","#praise-for-an-elm-primer-for-react-developers","url","https://d2sofvawe08yqg.cloudfront.net/elm-for-react-devs/s_featured?1761298270&1761298270",{"_12":13,"_319":320,"_317":318,"_321":322,"_323":800,"_801":802,"_330":803,"_328":329,"_804":-5,"_805":-5,"_806":807,"_808":807,"_809":810,"_811":812},"parts",[739,740,741,742],"toc",[568,569,570,571,572,573,574,575,576,577,578,579,580,581,582,583,584,585,586,587,588,589,590,591,592,593,594,595,596,597,598,599,600,601,602,603,604,605,606,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625,626,627,628,629,630,631,632,633,634,635,636,637,638,639,640,641,642,643,644,645,646,647,648,649,650,651,652,653,654,655,656,657,658,659,660,661,662,663,664,665,666,667,668,669,670,671,672,673,674,675,676,677,678,679,680,681,682,683,684,685,686,687,688,689,690,691,692,693,694,695,696,697,698,699,700,701,702,703,704,705,706,707,708,709,710,711,712,713,714,715,716,717,718,719,720,721,722,723,724,725,726,727,728,729,730,731,732,733,734,735,736,737,738],"isUnavailableOnline","unavailableMessage",{"_120":127,"_12":557,"_123":-5,"_124":558,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":557,"_123":-5,"_124":558,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":555,"_123":-5,"_124":556,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":553,"_123":-5,"_124":554,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":551,"_123":-5,"_124":552,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":127,"_12":549,"_123":-5,"_124":550,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":547,"_123":-5,"_124":548,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":545,"_123":-5,"_124":546,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":543,"_123":-5,"_124":544,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":541,"_123":-5,"_124":542,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":539,"_123":-5,"_124":540,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":537,"_123":-5,"_124":538,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":535,"_123":-5,"_124":536,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":533,"_123":-5,"_124":534,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":531,"_123":-5,"_124":532,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":529,"_123":-5,"_124":530,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":527,"_123":-5,"_124":528,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":525,"_123":-5,"_124":526,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":523,"_123":-5,"_124":524,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":521,"_123":-5,"_124":522,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":519,"_123":-5,"_124":520,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":517,"_123":-5,"_124":518,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":515,"_123":-5,"_124":516,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":513,"_123":-5,"_124":514,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":511,"_123":-5,"_124":512,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":509,"_123":-5,"_124":510,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":507,"_123":-5,"_124":508,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":505,"_123":-5,"_124":506,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":503,"_123":-5,"_124":504,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":501,"_123":-5,"_124":502,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":499,"_123":-5,"_124":500,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":497,"_123":-5,"_124":498,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":495,"_123":-5,"_124":496,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":493,"_123":-5,"_124":494,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":491,"_123":-5,"_124":492,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":489,"_123":-5,"_124":490,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":487,"_123":-5,"_124":488,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":485,"_123":-5,"_124":486,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":483,"_123":-5,"_124":484,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":481,"_123":-5,"_124":482,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":479,"_123":-5,"_124":480,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":477,"_123":-5,"_124":478,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":127,"_12":475,"_123":-5,"_124":476,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":473,"_123":-5,"_124":474,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":471,"_123":-5,"_124":472,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":469,"_123":-5,"_124":470,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":467,"_123":-5,"_124":468,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":417,"_123":-5,"_124":466,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":464,"_123":-5,"_124":465,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":462,"_123":-5,"_124":463,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":460,"_123":-5,"_124":461,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":458,"_123":-5,"_124":459,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":456,"_123":-5,"_124":457,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":454,"_123":-5,"_124":455,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":452,"_123":-5,"_124":453,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":450,"_123":-5,"_124":451,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":448,"_123":-5,"_124":449,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":446,"_123":-5,"_124":447,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":444,"_123":-5,"_124":445,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":196,"_123":-5,"_124":443,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":441,"_123":-5,"_124":442,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":417,"_123":-5,"_124":440,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":438,"_123":-5,"_124":439,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":436,"_123":-5,"_124":437,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":434,"_123":-5,"_124":435,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":432,"_123":-5,"_124":433,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":417,"_123":-5,"_124":431,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":429,"_123":-5,"_124":430,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":315,"_123":-5,"_124":316,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":427,"_123":-5,"_124":428,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":425,"_123":-5,"_124":426,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":423,"_123":-5,"_124":424,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":421,"_123":-5,"_124":422,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":419,"_123":-5,"_124":420,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":417,"_123":-5,"_124":418,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":127,"_12":25,"_123":-5,"_124":416,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":313,"_123":-5,"_124":314,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":311,"_123":-5,"_124":312,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":309,"_123":-5,"_124":310,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":307,"_123":-5,"_124":308,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":305,"_123":-5,"_124":306,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":303,"_123":-5,"_124":304,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":301,"_123":-5,"_124":302,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":299,"_123":-5,"_124":300,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":297,"_123":-5,"_124":298,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":276,"_123":-5,"_124":296,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":294,"_123":-5,"_124":295,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":292,"_123":-5,"_124":293,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":290,"_123":-5,"_124":291,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":288,"_123":-5,"_124":289,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":286,"_123":-5,"_124":287,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":284,"_123":-5,"_124":285,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":282,"_123":-5,"_124":283,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":280,"_123":-5,"_124":281,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":278,"_123":-5,"_124":279,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":276,"_123":-5,"_124":277,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":274,"_123":-5,"_124":275,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":272,"_123":-5,"_124":273,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":270,"_123":-5,"_124":271,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":268,"_123":-5,"_124":269,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":247,"_123":-5,"_124":267,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":265,"_123":-5,"_124":266,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":263,"_123":-5,"_124":264,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":261,"_123":-5,"_124":262,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":259,"_123":-5,"_124":260,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":257,"_123":-5,"_124":258,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":255,"_123":-5,"_124":256,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":253,"_123":-5,"_124":254,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":251,"_123":-5,"_124":252,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":249,"_123":-5,"_124":250,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":247,"_123":-5,"_124":248,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":245,"_123":-5,"_124":246,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":243,"_123":-5,"_124":244,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":241,"_123":-5,"_124":242,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":239,"_123":-5,"_124":240,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":237,"_123":-5,"_124":238,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":235,"_123":-5,"_124":236,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":233,"_123":-5,"_124":234,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":231,"_123":-5,"_124":232,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":229,"_123":-5,"_124":230,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":227,"_123":-5,"_124":228,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":225,"_123":-5,"_124":226,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":223,"_123":-5,"_124":224,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":221,"_123":-5,"_124":222,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":219,"_123":-5,"_124":220,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":217,"_123":-5,"_124":218,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":215,"_123":-5,"_124":216,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":213,"_123":-5,"_124":214,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":211,"_123":-5,"_124":212,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":209,"_123":-5,"_124":210,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":168,"_123":-5,"_124":208,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":206,"_123":-5,"_124":207,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":204,"_123":-5,"_124":205,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":202,"_123":-5,"_124":203,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":200,"_123":-5,"_124":201,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":198,"_123":-5,"_124":199,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":196,"_123":-5,"_124":197,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":168,"_123":-5,"_124":195,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":193,"_123":-5,"_124":194,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":191,"_123":-5,"_124":192,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":189,"_123":-5,"_124":190,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":187,"_123":-5,"_124":188,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":168,"_123":-5,"_124":186,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":184,"_123":-5,"_124":185,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":182,"_123":-5,"_124":183,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":180,"_123":-5,"_124":181,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":178,"_123":-5,"_124":179,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":176,"_123":-5,"_124":177,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":174,"_123":-5,"_124":175,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":172,"_123":-5,"_124":173,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":170,"_123":-5,"_124":171,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":168,"_123":-5,"_124":169,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":166,"_123":-5,"_124":167,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":164,"_123":-5,"_124":165,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":162,"_123":-5,"_124":163,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":160,"_123":-5,"_124":161,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":158,"_123":-5,"_124":159,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":156,"_123":-5,"_124":157,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":154,"_123":-5,"_124":155,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":152,"_123":-5,"_124":153,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":150,"_123":-5,"_124":151,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":148,"_123":-5,"_124":149,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":146,"_123":-5,"_124":147,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":144,"_123":-5,"_124":145,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":142,"_123":-5,"_124":143,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":139,"_12":140,"_123":-5,"_124":141,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":137,"_123":-5,"_124":138,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":135,"_123":-5,"_124":136,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":133,"_123":-5,"_124":134,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":131,"_123":-5,"_124":132,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_120":121,"_12":122,"_123":-5,"_124":125,"_126":127,"_128":-5,"_129":-5,"_130":-5},{"_12":557,"_123":743,"_126":127,"_124":558,"_744":791},{"_12":549,"_123":743,"_126":127,"_124":550,"_744":782},{"_12":475,"_123":743,"_126":127,"_124":476,"_744":773},{"_12":25,"_123":743,"_126":127,"_124":416,"_744":745},"","chapters",[746,747,748,749,750,751,752,753,754,755,756,757,758],{"_120":139,"_12":313,"_124":314,"_126":127,"_759":772,"_130":-5},{"_120":139,"_12":294,"_124":295,"_126":127,"_759":771,"_130":-5},{"_120":139,"_12":274,"_124":275,"_126":127,"_759":770,"_130":-5},{"_120":139,"_12":265,"_124":266,"_126":127,"_759":769,"_130":-5},{"_120":139,"_12":245,"_124":246,"_126":127,"_759":768,"_130":-5},{"_120":139,"_12":223,"_124":224,"_126":127,"_759":767,"_130":-5},{"_120":139,"_12":206,"_124":207,"_126":127,"_759":766,"_130":-5},{"_120":139,"_12":193,"_124":194,"_126":127,"_759":765,"_130":-5},{"_120":139,"_12":184,"_124":185,"_126":127,"_759":764,"_130":-5},{"_120":139,"_12":166,"_124":167,"_126":127,"_759":763,"_130":-5},{"_120":139,"_12":164,"_124":165,"_126":127,"_759":762,"_130":-5},{"_120":139,"_12":156,"_124":157,"_126":127,"_759":761,"_130":-5},{"_120":139,"_12":140,"_124":141,"_126":127,"_759":760,"_130":-5},"subsections",[734,735,736,737,738],[726,727,728,729,730,731,732],[722,723,724],[],[712,713,714,715,716,717,718,719],[707,708,709,710],[700,701,702,703,704,705],[691,692,693,694,695,696,697,698],[680,681,682,683,684,685,686,687,688,689],[670,671,672,673,674,675,676,677,678],[665,666,667,668],[655,656,657,658,659,660,661,662,663],[645,646,647,648,649,650,651,652,653],[774,775,776,777],{"_120":139,"_12":473,"_124":474,"_126":127,"_759":781,"_130":-5},{"_120":139,"_12":464,"_124":465,"_126":127,"_759":780,"_130":-5},{"_120":139,"_12":438,"_124":439,"_126":127,"_759":779,"_130":-5},{"_120":139,"_12":315,"_124":316,"_126":127,"_759":778,"_130":-5},[637,638,639,640,641,642],[631,632,633,634,635],[617,618,619,620,621,622,623,624,625,626,627,628,629],[612,613,614,615],[783,784,785,786],{"_120":139,"_12":547,"_124":548,"_126":127,"_759":790,"_130":-5},{"_120":139,"_12":531,"_124":532,"_126":127,"_759":789,"_130":-5},{"_120":139,"_12":505,"_124":506,"_126":127,"_759":788,"_130":-5},{"_120":139,"_12":485,"_124":486,"_126":127,"_759":787,"_130":-5},[606,607,608,609],[596,597,598,599,600,601,602,603,604],[583,584,585,586,587,588,589,590,591,592,593,594],[575,576,577,578,579,580,581],[792,793,794,795],{"_120":139,"_12":557,"_124":558,"_126":127,"_759":799,"_130":-5},{"_120":139,"_12":555,"_124":556,"_126":127,"_759":798,"_130":-5},{"_120":139,"_12":553,"_124":554,"_126":127,"_759":797,"_130":-5},{"_120":139,"_12":551,"_124":552,"_126":127,"_759":796,"_130":-5},[],[],[],[],{"_559":560},"coverFeatured2x",{"_559":815},[813],"freePdfUrl","freeEpubUrl","hasPdfSample",true,"hasEpubSample","samplePdfUrl","https://s3.amazonaws.com/samples.leanpub.com/elm-for-react-devs-sample.pdf?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=0XBXHW3Q9GGV69BT7E82%2F20260821%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260821T215442Z&X-Amz-Expires=518400&X-Amz-SignedHeaders=host&X-Amz-Signature=feadbe7176c67eb724b12a8f36a75fbd3cf1b865a2324c9cba380a17f8113f9c","sampleEpubUrl","https://s3.amazonaws.com/samples.leanpub.com/elm-for-react-devs-sample.epub?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=0XBXHW3Q9GGV69BT7E82%2F20260821%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260821T215442Z&X-Amz-Expires=518400&X-Amz-SignedHeaders=host&X-Amz-Signature=2ff47e56b0cebdb02e718a7ea540c55d0e8c44d968db12ead057d9fa4e501ac7",{"_333":334,"_335":336,"_337":814},{"_339":340},"https://d2sofvawe08yqg.cloudfront.net/elm-for-react-devs/s_featured2x?1761298270&1761298270","shoppingCartId","shoppingCart",{"_333":848,"_849":850,"_851":807,"_852":743,"_853":854,"_855":856,"_857":807},"locale","en","readerTheme","light","constants",{"_846":847},"publishers",{"_842":843,"_844":845},"learnerOrganizations",[],"needsLocaleCookieSync","announcements",{"_836":837,"_838":-5},"sentryEnvironment","production","sentryRelease","47cf10a2e13e5216179d96052321b74298166b15","announcement_store",{"_839":322,"_840":841},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count",0,"free","updatedAt","paymentGateway","STRIPE","cartItems",[],"loading"]