{"threads":[{"position":8322256,"start":0,"end":24978367,"connection":"open"},{"position":26206268,"start":24978368,"end":49956734,"connection":"open"}],"url":"https://mp4-b.udemycdn.com/2018-11-15_18-36-54-4c184faf8bc2c199c8737f1d2aee2cf0/WebHD_720p.mp4?secure=Sn919u58NccsSFjVT_ILTA%3D%3D%2C1607757295","method":"GET","port":443,"downloadSize":49956734,"headers":{"date":"Sat, 12 Dec 2020 02:50:04 GMT","content-type":"video/mp4","content-length":"49956734","connection":"close","x-amz-id-2":"h8lKGKJqbf8aQFalLE9SvrBOHAEl0TYZ0Dq4oOvYFtasUTJ1N4mnWLMpQkQ/HqnsAmlpUurutrA=","x-amz-request-id":"3ACDB1DB2C14E69C","x-amz-replication-status":"COMPLETED","last-modified":"Sun, 05 Jan 2020 09:59:13 GMT","etag":"\"81ef172103b675e6cf216f1f09e71772\"","x-amz-storage-class":"INTELLIGENT_TIERING","x-amz-version-id":"TcS7xXLKflKcW3ihHYEXl7UzaR_YDjmQ","x-77-nzt":"Ark73AHh7/z/Dm5PALm0DqdItMLvAOcIAA==","x-edge-ip":"185.180.14.167","x-edge-pop":"pragueCZ","x-cache":"HIT","x-age":"583424","server":"CDN77-Turbo","cache-control":"max-age=31536000","x-77-nzt-ray":"bF0qM0y9ZT4=","x-lb-ip":"185.59.220.1","x-lb-pop":"frankfurtDE","x-cache-lb":"HIT","x-age-lb":"5205518","accept-ranges":"bytes"}} 1 00:00:02,430 --> 00:00:08,960 Welcome to this module. In the previous module, we learned the base syntax of react and you learned how you create 2 00:00:08,960 --> 00:00:15,770 react apps, how you create components and how you work with jsx to render something to the screen. 3 00:00:16,130 --> 00:00:19,380 In this module, we'll take it to the next level. 4 00:00:19,400 --> 00:00:26,380 We already had a look at how we can output dynamic content with these single curly braces. 5 00:00:26,620 --> 00:00:32,090 In this module we'll have a look how we can also output content conditionally, 6 00:00:32,090 --> 00:00:38,750 so for example, that you only want to render a certain part of your dom, of your html code if a certain 7 00:00:38,750 --> 00:00:46,280 condition is true and how we can output lists of data. We actually do have such a list in our demo application 8 00:00:46,310 --> 00:00:53,030 already, the persons we have there, well it would make sense if we could create them dynamically based on 9 00:00:53,030 --> 00:00:56,980 the number of persons we have in that array we manage in the state. 10 00:00:57,230 --> 00:01:01,710 We'll have a look at all of that and what to watch out for in this module.