{"id":10661,"date":"2021-01-18T19:01:11","date_gmt":"2021-01-18T19:01:11","guid":{"rendered":"https:\/\/oxhosting.com\/blog\/2021\/01\/18\/react-js-crash-training-course-2021\/"},"modified":"2021-01-18T19:01:11","modified_gmt":"2021-01-18T19:01:11","slug":"react-js-crash-training-course-2021","status":"publish","type":"post","link":"https:\/\/oxhosting.com\/blog\/2021\/01\/18\/react-js-crash-training-course-2021\/","title":{"rendered":"React JS Crash Training course 2021"},"content":{"rendered":"<p><iframe loading=\"lazy\"  width=\"580\" height=\"385\" src=\"https:\/\/www.youtube.com\/embed\/w7ejDZ8SWv8?rel=0&#038;cc_load_policy=1&#038;modestbranding=1\" frameborder=\"0\" allowfullscreen><\/iframe><br \/>\n<br \/>Get commenced with Respond in this crash course. We will be building a activity tracker app and look at components, props, condition, hooks, functioning with an API and extra.<\/p>\n<p>Code:<\/p>\n<p>React &#038; Other Study course Backlinks at &#8211; <\/p>\n<p>\ud83d\udc96  Help The Channel!<\/p>\n<p>Timestamps:<br \/>\n:00 &#8211; Intro &#038; Slides<br \/>\n12:37 &#8211; Create a Respond application<br \/>\n14:52 &#8211; Data files &#038; folders<br \/>\n18:54 &#8211; App ingredient &#038; JSX<br \/>\n22:39 &#8211; Expressions in JSX<br \/>\n23:49 &#8211; Building a ingredient<br \/>\n27:18 &#8211; Element Props<br \/>\n28:50 &#8211; PropTypes<br \/>\n30:42 &#8211; Styling<br \/>\n34:17 &#8211; Button Part<br \/>\n37:46 &#8211; Events<br \/>\n40:18 &#8211; Jobs Part<br \/>\n41:03 &#8211; Create a record with .map()<br \/>\n43:07 &#8211; State &#038; useState Hook<br \/>\n44:55 &#8211; Worldwide condition<br \/>\n46:52 &#8211; Undertaking Element<br \/>\n49:30 &#8211; Icons with respond-icons<br \/>\n51:41 &#8211; Delete activity &#038; prop drilling<br \/>\n55:50 &#8211; Optional concept if no jobs<br \/>\n56:58 &#8211; Toggle reminder &#038; conditional styling<br \/>\n1:03:13 &#8211; Include Activity Variety<br \/>\n1:06:16 &#8211; Form input condition (managed elements)<br \/>\n1:09:18 &#8211; Add job post<br \/>\n1:14:36 &#8211; showAddTask state<br \/>\n1:15:58 &#8211; Button toggle<br \/>\n1:19:33 &#8211; Establish for generation<br \/>\n1:21:51 &#8211; JSON Server<br \/>\n1:25:53 &#8211; useEffect Hook &#038; Fetch responsibilities from server<br \/>\n1:30:13 &#8211; Delete task from server<br \/>\n1:31:51 &#8211; Increase endeavor to server<br \/>\n1:35:15 &#8211; Toggle reminder on server<br \/>\n1:39:15 &#8211; Routing, footer &#038; about<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Get commenced with Respond in this crash course. We will be building a activity tracker app and look at components, props, condition, hooks, functioning with&#8230;<\/p>\n","protected":false},"author":227,"featured_media":10662,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[14457,14458,14456,1533,14460,14461,9584,14459,8342,1156],"_links":{"self":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts\/10661"}],"collection":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/users\/227"}],"replies":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=10661"}],"version-history":[{"count":0,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/posts\/10661\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/media\/10662"}],"wp:attachment":[{"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=10661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=10661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oxhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=10661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}