Table of Contents for
Learning React: A Hands-On Guide to Building Web Applications Using React and Redux, Second edition

Version ebook / Retour

Cover image for bash Cookbook, 2nd Edition Learning React: A Hands-On Guide to Building Web Applications Using React and Redux, Second edition by Kirupa Chinnathambi Published by Addison-Wesley Professional, 2018
  1. Contents
  2. Cover Page
  3. About This E-Book
  4. Learning React
  5. Title Page
  6. Copyright Page
  7. Accessing the Free Web Edition
  8. Dedication
  9. Contents at a Glance
  10. Table of Contents
  11. About the Author
  12. Acknowledgments
  13. 1 Introducing React
  14. 2 Building Your First React App
  15. 3 Components in React
  16. 4 Styling in React
  17. 5 Creating Complex Components
  18. 6 Transferring Properties
  19. 7 Meet JSX…Again!
  20. 8 Dealing with State in React
  21. 9 Going from Data to UI in React
  22. 10 Events in React
  23. 11 The Component Lifecycle
  24. 12 Accessing DOM Elements in React
  25. 13 Setting Up Your React Dev Environment Easily
  26. 14 Working with External Data in React
  27. 15 Building an Awesome Todo List App in React
  28. 16 Creating a Sliding Menu in React
  29. 17 Avoiding Unnecessary Renders in React
  30. 18 Creating a Single-Page App in React Using React Router
  31. 19 Introduction to Redux
  32. 20 Using Redux with React
  33. Index
  34. Learning React
  35. Code Snippets
  36. Code Snippets
  37. Code Snippets
  38. Code Snippets
  39. Code Snippets
  40. Code Snippets
  41. Code Snippets
  42. Code Snippets
  43. Code Snippets
  44. Code Snippets
  45. Code Snippets
  46. Code Snippets
  47. Code Snippets
  48. Code Snippets
  49. Code Snippets
  50. Code Snippets
  51. Code Snippets
  52. Code Snippets
  53. Code Snippets
  54. Code Snippets

Contents

  1. Cover Page
  2. Title Page
  3. Copyright Page
  4. About This E-Book
  5. Accessing the Free Web Edition
  6. Dedication
  7. Contents at a Glance
  8. Table of Contents
  9. About the Author
  10. Acknowledgments
  11. 1 Introducing React
    1. Old-School Multipage Design
    2. New-School Single-Page Apps
    3. Meet React
      1. Automatic UI State Management
      2. Lightning-Fast DOM Manipulation
      3. APIs to Create Truly Composable UIs
      4. Visuals Defined Entirely in JavaScript
      5. Just the V in an MVC Architecture
    4. Conclusion
  12. 2 Building Your First React App
    1. Dealing with JSX
    2. Getting Your React On
    3. Displaying Your Name
    4. It’s All Still Familiar
      1. Changing the Destination
      2. Styling It Up!
    5. Conclusion
  13. 3 Components in React
    1. Quick Review of Functions
    2. Changing How We Deal with UI
    3. Meet the React Component
      1. Creating a Hello, World! Component
      2. Specifying Properties
      3. First Part: Updating the Component Definition
      4. Second Part: Modifying the Component Call
    4. Dealing with Children
    5. Conclusion
  14. 4 Styling in React
    1. Displaying Some Vowels
    2. Styling React Content Using CSS
      1. Understand the Generated HTML
      2. Just Style It Already!
    3. Styling Content the React Way
      1. Creating a Style Object
      2. Actually Styling Our Content
      3. Making the Background Color Customizable
    4. Conclusion
  15. 5 Creating Complex Components
    1. From Visuals to Components
      1. Identifying the Major Visual Elements
      2. Identifying the Components
    2. Creating the Components
      1. The Card Component
    3. The Square Component
    4. The Label Component
      1. Passing Properties, Again!
    5. Why Component Composability Rocks
    6. Conclusion
  16. 6 Transferring Properties
    1. Problem Overview
    2. Detailed Look at the Problem
    3. Meet the Spread Operator
    4. A Better Way to Transfer Properties
    5. Conclusion
  17. 7 Meet JSX…Again!
    1. What Happens with JSX?
    2. JSX Quirks to Remember
      1. Evaluating Expressions
      2. Returning Multiple Elements
      3. You Can’t Specify CSS Inline
      4. Comments
    3. Capitalization, HTML Elements, and Components
    4. Your JSX Can Be Anywhere
    5. Conclusion
  18. 8 Dealing with State in React
    1. Using State
      1. Our Starting Point
    2. Getting Our Counter On
      1. Setting the Initial State Value
      2. Starting Our Timer and Setting State
      3. Rendering the State Change
    3. Optional: The Full Code
    4. Conclusion
  19. 9 Going from Data to UI in React
    1. The Example
    2. Your JSX Can Be Anywhere, Part II
    3. Dealing with Arrays
    4. Conclusion
  20. 10 Events in React
    1. Listening and Reacting to Events
      1. Starting Point
    2. Making the Button Click Do Something
    3. Event Properties
      1. Meet Synthetic Events
      2. Doing Stuff with Event Properties
    4. More Eventing Shenanigans
      1. You Can’t Directly Listen to Events on Components
      2. Listening to Regular DOM Events
      3. The Meaning of this Inside the Event Handler
    5. React…Why? Why?
      1. Browser Compatibility
      2. Improved Performance
    6. Conclusion
  21. 11 The Component Lifecycle
    1. Meet the Lifecycle Methods
      1. See the Lifecycle Methods in Action
      2. The Initial Rendering Phase
      3. Getting the Default Props
      4. Getting the Default State
      5. componentWillMount
      6. render
      7. componentDidMount
      8. The Updating Phase
      9. Dealing with State Changes
      10. shouldComponentUpdate
      11. componentWillUpdate
      12. render
      13. componentDidUpdate
      14. Dealing with Prop Changes
      15. The Unmounting Phase
    2. Conclusion
  22. 12 Accessing DOM Elements in React
    1. The Colorizer Example
    2. Meet Refs
    3. Using Portals
    4. Conclusion
  23. 13 Setting Up Your React Dev Environment Easily
    1. Meet Create React
      1. Making Sense of What Happened
    2. Creating Our HelloWorld App
    3. Creating a Production Build
    4. Conclusion
  24. 14 Working with External Data in React
    1. Web Request 101
    2. It’s React Time!
      1. Getting Started
    3. Getting the IP Address
      1. Kicking the Visuals Up a Notch
    4. Conclusion
  25. 15 Building an Awesome Todo List App in React
    1. Getting Started
    2. Creating the Initial UI
    3. Building the Rest of the App
      1. Adding Items
    4. Displaying the Items
      1. Styling our App
      2. Removing Items
    5. Animation! Animation! Animation!
    6. Conclusion
  26. 16 Creating a Sliding Menu in React
    1. How the Sliding Menu Works
    2. Setting Up the Sliding Menu
    3. Getting Started
    4. Showing and Hiding the Menu
      1. Creating the Button
      2. Creating the Menu
    5. Conclusion
  27. 17 Avoiding Unnecessary Renders in React
    1. About the render Method
    2. Optimizing render Calls
      1. Getting an Example Going
    3. Seeing the render Calls
      1. Overriding a Component Update
      2. Using PureComponent
    4. Conclusion
  28. 18 Creating a Single-Page App in React Using React Router
    1. The Example
    2. Getting Started
    3. Building Our Single-Page App
      1. Displaying the Initial Frame
      2. Creating Our Content Pages
      3. Using React Router
    4. It’s the Little Things
      1. Fixing Our Routing
      2. Adding Some CSS
      3. Highlighting the Active Link
    5. Conclusion
  29. 19 Introduction to Redux
    1. What Is Redux?
    2. Building a Simple App Using Redux
      1. It’s Redux Time
      2. Lights! Camera! Action!
      3. Our Reducer
      4. Store Stuff
    3. Conclusion
  30. 20 Using Redux with React
    1. Managing React State with Redux
      1. How Redux and React Overlap
      2. Getting Started
      3. Building the App
    2. Conclusion
  31. Index
  32. Code Snippets
  1. i
  2. ii
  3. iii
  4. iv
  5. v
  6. vi
  7. vii
  8. viii
  9. ix
  10. x
  11. xi
  12. xii
  13. xiii
  14. xiv
  15. 1
  16. 2
  17. 3
  18. 4
  19. 5
  20. 6
  21. 7
  22. 8
  23. 9
  24. 10
  25. 11
  26. 12
  27. 13
  28. 14
  29. 15
  30. 16
  31. 17
  32. 18
  33. 19
  34. 20
  35. 21
  36. 22
  37. 23
  38. 24
  39. 25
  40. 26
  41. 27
  42. 28
  43. 29
  44. 30
  45. 31
  46. 32
  47. 33
  48. 34
  49. 35
  50. 36
  51. 37
  52. 38
  53. 39
  54. 40
  55. 41
  56. 42
  57. 43
  58. 44
  59. 45
  60. 46
  61. 47
  62. 48
  63. 49
  64. 50
  65. 51
  66. 52
  67. 53
  68. 54
  69. 55
  70. 56
  71. 57
  72. 58
  73. 59
  74. 60
  75. 61
  76. 62
  77. 63
  78. 64
  79. 65
  80. 66
  81. 67
  82. 68
  83. 69
  84. 70
  85. 71
  86. 72
  87. 73
  88. 74
  89. 75
  90. 76
  91. 77
  92. 78
  93. 79
  94. 80
  95. 81
  96. 82
  97. 83
  98. 84
  99. 85
  100. 86
  101. 87
  102. 88
  103. 89
  104. 90
  105. 91
  106. 92
  107. 93
  108. 94
  109. 95
  110. 96
  111. 97
  112. 98
  113. 99
  114. 100
  115. 101
  116. 102
  117. 103
  118. 104
  119. 105
  120. 106
  121. 107
  122. 108
  123. 109
  124. 110
  125. 111
  126. 112
  127. 113
  128. 114
  129. 115
  130. 116
  131. 117
  132. 118
  133. 119
  134. 120
  135. 121
  136. 122
  137. 123
  138. 124
  139. 125
  140. 126
  141. 127
  142. 128
  143. 129
  144. 130
  145. 131
  146. 132
  147. 133
  148. 134
  149. 135
  150. 136
  151. 137
  152. 138
  153. 139
  154. 140
  155. 141
  156. 142
  157. 143
  158. 144
  159. 145
  160. 146
  161. 147
  162. 148
  163. 149
  164. 150
  165. 151
  166. 152
  167. 153
  168. 154
  169. 155
  170. 156
  171. 157
  172. 158
  173. 159
  174. 160
  175. 161
  176. 162
  177. 163
  178. 164
  179. 165
  180. 166
  181. 167
  182. 168
  183. 169
  184. 170
  185. 171
  186. 172
  187. 173
  188. 174
  189. 175
  190. 176
  191. 177
  192. 178
  193. 179
  194. 180
  195. 181
  196. 182
  197. 183
  198. 184
  199. 185
  200. 186
  201. 187
  202. 188
  203. 189
  204. 190
  205. 191
  206. 192
  207. 193
  208. 194
  209. 195
  210. 196
  211. 197
  212. 198
  213. 199
  214. 200
  215. 201
  216. 202
  217. 203
  218. 204
  219. 205
  220. 206
  221. 207
  222. 208
  223. 209
  224. 210
  225. 211
  226. 212
  227. 213
  228. 214
  229. 215
  230. 216
  231. 217
  232. 218
  233. 219
  234. 220
  235. 221
  236. 222
  237. 223
  238. 224
  239. 225
  240. 226
  241. 227
  242. 228
  243. 229
  244. 230
  245. 231
  246. 232
  247. 233
  248. 234
  249. 235
  250. 236
  251. 237
  252. 238
  253. 239
  254. 240
  255. 241
  256. 242
  257. 243
  258. 244
  259. 245
  260. 246
  261. 247
  262. 248
  263. 249
  264. 250
  265. 251
  266. 252
  267. 253
  268. 254
  269. 255
  270. 256
  271. 257
  272. 258
  273. 259
  274. 260
  275. 261
  276. 262
  277. 263
  278. 264
  279. 265
  280. 266
  281. 267
  282. 268
  283. 269
  284. 270
  285. 271
  286. 272
  287. 273
  288. 274
  289. 275
  290. 276
  291. 277
  292. 278
  293. 279
  294. 280
  295. 281
  296. 282
  297. 283
  298. 284
  299. 285
  300. 286
  301. 287
  302. 288
  303. 289
  304. 290
Back to top