<div class="product-page-section table-of-contents meap-contents" style="color: rgb(51, 51, 51); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 17.25px; font-style: normal; font-weight: 300; margin-bottom: 36px; word-spacing: 0px; display: block; white-space: normal; box-sizing: border-box; orphans: 2; widows: 2; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> <h2 class="header" style="margin: 0px 0px 10px; color: inherit; text-transform: lowercase; line-height: 1.1; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 27px; font-weight: bold; box-sizing: border-box;"><span style="box-sizing: border-box;">table of contents</span></h2> <a id="show-hide" style="color: rgb(0, 0, 0); text-transform: none; font-size: 13px; font-weight: lighter; text-decoration: none !important; cursor: pointer; box-sizing: border-box; background-color: transparent;"><i class="fas fa-toggle-off" style="color: rgb(64, 127, 191); line-height: 1; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: auto;"><span> </span>detailed TOC</a> <a name="toc" class="anchor" style="color: rgb(64, 127, 191); text-decoration: none; display: block; visibility: hidden; position: relative; box-sizing: border-box; background-color: transparent;"></a> <div class="toc" style="padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; box-sizing: border-box; user-select: none;"> <h1 class="sect0" id="part_id_1" style="margin: 19px 0px 0px; color: inherit; text-transform: uppercase; line-height: 22px; padding-bottom: 0.25em; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 18px; font-weight: bold; border-bottom-color: rgb(119, 119, 119); border-bottom-width: thin; border-bottom-style: solid; box-sizing: border-box;">PART 1: REACT FOUNDATION</h1> <div class="sect1 available" style="text-transform: uppercase; font-weight: bold; margin-top: 19px; box-sizing: border-box;"> <span class="book_actions" style="box-sizing: border-box;"><a title="Read in liveBook" class="view-in-livebook" style="color: rgb(51, 51, 51); text-decoration: none; float: right; display: block; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-1?origin=product-toc" target="_blank"><span class="sr-only" style="margin: -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); box-sizing: border-box;">READ IN LIVEBOOK</span></a></span> <h2 title="" id="chapter_id_1" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; cursor: pointer; box-sizing: border-box;" data-original-title="Available" data-placement="left" data-toggle="tooltip"><a title="Read in liveBook" class="read-in-livebook" style="color: rgb(64, 127, 191); text-decoration: none; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-1?origin=product-toc" target="_blank"><span class="unit-link chap-link" style="box-sizing: border-box;"><span class="leading-number" style="margin-right: 0.5em; display: inline-block; white-space: nowrap; box-sizing: border-box;">1</span>MEETING REACT</span></a><a class="toc-controllo toc-expando" style="margin: -0.5em -0.5em -0.5em 0px; padding: 0.5em; color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; box-sizing: border-box; background-color: transparent;"><span title="Expand" class="fa fa-caret-right expando" style="line-height: 1; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: auto;"></span></a></h2> </div> <div class="sect1 available" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <span class="book_actions" style="box-sizing: border-box;"><a title="Read in liveBook" class="view-in-livebook" style="color: rgb(51, 51, 51); text-decoration: none; float: right; display: block; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-2?origin=product-toc" target="_blank"><span class="sr-only" style="margin: -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); box-sizing: border-box;">READ IN LIVEBOOK</span></a></span> <h2 title="" id="chapter_id_2" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; cursor: pointer; box-sizing: border-box;" data-original-title="Available" data-placement="left" data-toggle="tooltip"><a title="Read in liveBook" class="read-in-livebook" style="color: rgb(64, 127, 191); text-decoration: none; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-2?origin=product-toc" target="_blank"><span class="unit-link chap-link" style="box-sizing: border-box;"><span class="leading-number" style="margin-right: 0.5em; display: inline-block; white-space: nowrap; box-sizing: border-box;">2</span>BABY STEPS WITH REACT</span></a><a class="toc-controllo toc-expando" style="margin: -0.5em -0.5em -0.5em 0px; padding: 0.5em; color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; box-sizing: border-box; background-color: transparent;"><span title="Expand" class="fa fa-caret-right expando" style="line-height: 1; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: auto;"></span></a></h2> </div> <div class="sect1 available" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <span class="book_actions" style="box-sizing: border-box;"><a title="Read in liveBook" class="view-in-livebook" style="color: rgb(51, 51, 51); text-decoration: none; float: right; display: block; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-3?origin=product-toc" target="_blank"><span class="sr-only" style="margin: -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); box-sizing: border-box;">READ IN LIVEBOOK</span></a></span> <h2 title="" id="chapter_id_3" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; cursor: pointer; box-sizing: border-box;" data-original-title="Available" data-placement="left" data-toggle="tooltip"><a title="Read in liveBook" class="read-in-livebook" style="color: rgb(64, 127, 191); text-decoration: none; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-3?origin=product-toc" target="_blank"><span class="unit-link chap-link" style="box-sizing: border-box;"><span class="leading-number" style="margin-right: 0.5em; display: inline-block; white-space: nowrap; box-sizing: border-box;">3</span>INTRODUCTION TO JSX</span></a><a class="toc-controllo toc-expando" style="margin: -0.5em -0.5em -0.5em 0px; padding: 0.5em; color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; box-sizing: border-box; background-color: transparent;"><span title="Expand" class="fa fa-caret-right expando" style="line-height: 1; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: auto;"></span></a></h2> </div> <div class="sect1 available" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <span class="book_actions" style="box-sizing: border-box;"><a title="Read in liveBook" class="view-in-livebook" style="color: rgb(51, 51, 51); text-decoration: none; float: right; display: block; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-4?origin=product-toc" target="_blank"><span class="sr-only" style="margin: -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); box-sizing: border-box;">READ IN LIVEBOOK</span></a></span> <h2 title="" id="chapter_id_4" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; cursor: pointer; box-sizing: border-box;" data-original-title="Available" data-placement="left" data-toggle="tooltip"><a title="Read in liveBook" class="read-in-livebook" style="color: rgb(64, 127, 191); text-decoration: none; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-4?origin=product-toc" target="_blank"><span class="unit-link chap-link" style="box-sizing: border-box;"><span class="leading-number" style="margin-right: 0.5em; display: inline-block; white-space: nowrap; box-sizing: border-box;">4</span>FUNCTIONAL COMPONENTS</span></a><a class="toc-controllo toc-expando" style="margin: -0.5em -0.5em -0.5em 0px; padding: 0.5em; color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; box-sizing: border-box; background-color: transparent;"><span title="Expand" class="fa fa-caret-right expando" style="line-height: 1; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: auto;"></span></a></h2> </div> <div class="sect1 available" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <span class="book_actions" style="box-sizing: border-box;"><a title="Read in liveBook" class="view-in-livebook" style="color: rgb(51, 51, 51); text-decoration: none; float: right; display: block; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-5?origin=product-toc" target="_blank"><span class="sr-only" style="margin: -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); box-sizing: border-box;">READ IN LIVEBOOK</span></a></span> <h2 title="" id="chapter_id_5" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; cursor: pointer; box-sizing: border-box;" data-original-title="Available" data-placement="left" data-toggle="tooltip"><a title="Read in liveBook" class="read-in-livebook" style="color: rgb(64, 127, 191); text-decoration: none; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-5?origin=product-toc" target="_blank"><span class="unit-link chap-link" style="box-sizing: border-box;"><span class="leading-number" style="margin-right: 0.5em; display: inline-block; white-space: nowrap; box-sizing: border-box;">5</span>MAKING REACT INTERACTIVE WITH STATES</span></a><a class="toc-controllo toc-expando" style="margin: -0.5em -0.5em -0.5em 0px; padding: 0.5em; color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; box-sizing: border-box; background-color: transparent;"><span title="Expand" class="fa fa-caret-right expando" style="line-height: 1; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: auto;"></span></a></h2> </div> <div class="sect1 available" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <span class="book_actions" style="box-sizing: border-box;"><a title="Read in liveBook" class="view-in-livebook" style="color: rgb(51, 51, 51); text-decoration: none; float: right; display: block; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-6?origin=product-toc" target="_blank"><span class="sr-only" style="margin: -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); box-sizing: border-box;">READ IN LIVEBOOK</span></a></span> <h2 title="" id="chapter_id_6" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; cursor: pointer; box-sizing: border-box;" data-original-title="Available" data-placement="left" data-toggle="tooltip"><a title="Read in liveBook" class="read-in-livebook" style="color: rgb(64, 127, 191); text-decoration: none; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-6?origin=product-toc" target="_blank"><span class="unit-link chap-link" style="box-sizing: border-box;"><span class="leading-number" style="margin-right: 0.5em; display: inline-block; white-space: nowrap; box-sizing: border-box;">6</span>EFFECTS AND THE REACT COMPONENT LIFECYCLE</span></a><a class="toc-controllo toc-expando" style="margin: -0.5em -0.5em -0.5em 0px; padding: 0.5em; color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; box-sizing: border-box; background-color: transparent;"><span title="Expand" class="fa fa-caret-right expando" style="line-height: 1; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: auto;"></span></a></h2> </div> <div class="sect1 available" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <span class="book_actions" style="box-sizing: border-box;"><a title="Read in liveBook" class="view-in-livebook" style="color: rgb(51, 51, 51); text-decoration: none; float: right; display: block; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-7?origin=product-toc" target="_blank"><span class="sr-only" style="margin: -1px; padding: 0px; border: 0px currentColor; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); box-sizing: border-box;">READ IN LIVEBOOK</span></a></span> <h2 title="" id="chapter_id_7" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; cursor: pointer; box-sizing: border-box;" data-original-title="Available" data-placement="left" data-toggle="tooltip"><a title="Read in liveBook" class="read-in-livebook" style="color: rgb(64, 127, 191); text-decoration: none; box-sizing: border-box; background-color: transparent;" href="https://livebook.manning.com/book/react-quickly-second-edition/chapter-7?origin=product-toc" target="_blank"><span class="unit-link chap-link" style="box-sizing: border-box;"><span class="leading-number" style="margin-right: 0.5em; display: inline-block; white-space: nowrap; box-sizing: border-box;">7</span>HOOKS TO FUEL YOUR WEB APPLICATIONS</span></a><a class="toc-controllo toc-expando" style="margin: -0.5em -0.5em -0.5em 0px; padding: 0.5em; color: rgb(51, 51, 51); text-decoration: none; cursor: pointer; box-sizing: border-box; background-color: transparent;"><span title="Expand" class="fa fa-caret-right expando" style="line-height: 1; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; display: inline-block; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: auto;"></span></a></h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_8" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">8 HANDLING EVENTS IN REACT</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_9" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">9 WORKING WITH FORMS IN REACT</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_10" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">10 ADVANCED REACT HOOKS FOR SCALING</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_11" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">11 PROJECT: WEBSITE MENU</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_12" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">12 PROJECT: TIMER</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_13" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">13 PROJECT: TASK MANAGER</h2> </div> <h1 class="sect0" id="part_id_2" style="margin: 19px 0px 0px; color: inherit; text-transform: uppercase; line-height: 22px; padding-bottom: 0.25em; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 18px; font-weight: bold; border-bottom-color: rgb(119, 119, 119); border-bottom-width: thin; border-bottom-style: solid; box-sizing: border-box;">PART 2: REACT ARCHITECTURE</h1> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 19px; box-sizing: border-box;"> <h2 id="chapter_id_14" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">14 DEVELOPER TOOLING</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_15" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">15 CSS IN JAVASCRIPT</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_16" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">16 WORKING WITH DATA USING REDUX TOOLKIT</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_17" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">17 WORKING WITH REMOTE DATA</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_18" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">18 UNIT TESTING REACT</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_19" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">19 REACT WEBSITE FRAMEWORKS</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_20" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">20 PROJECT: BUILD A BOOKSTORE WITH REMIX</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_21" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">21 PROJECT: A FULLY TESTED TOAST COMPONENT</h2> </div> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 6px; box-sizing: border-box;"> <h2 id="chapter_id_22" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">22 PROJECT: DEVELOPING WORDLE IN REACT</h2> </div> <h1 class="sect0" id="part" style="margin: 19px 0px 0px; color: inherit; text-transform: uppercase; line-height: 22px; padding-bottom: 0.25em; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 18px; font-weight: bold; border-bottom-color: rgb(119, 119, 119); border-bottom-width: thin; border-bottom-style: solid; box-sizing: border-box;">APPENDIXES</h1> <div class="sect1" style="text-transform: uppercase; font-weight: bold; margin-top: 19px; box-sizing: border-box;"> <h2 id="_renamed_properties" style="margin: 0px; color: inherit; text-transform: uppercase; line-height: 22px; font-family: Lato, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, Ubuntu, roboto, noto, "segoe ui", arial, sans-serif; font-size: 15px; font-weight: bold; display: block !important; box-sizing: border-box;">APPENDIX A: RENAMED PROPERTIES</h2> </div> </div> </div>