{"id":23888,"date":"2019-02-08T12:15:23","date_gmt":"2019-02-08T10:15:23","guid":{"rendered":"https:\/\/www.webcodegeeks.com\/?p=23888"},"modified":"2019-02-08T12:00:22","modified_gmt":"2019-02-08T10:00:22","slug":"react-hooks","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/","title":{"rendered":"React Hooks"},"content":{"rendered":"\n<p>On the Roadmap for React there was a widely discussed feature called React Hooks. <a href=\"https:\/\/reactjs.org\/blog\/2019\/02\/06\/react-v16.8.0.html\" target=\"_blank\" rel=\"noopener\">As of yesterday, Hooks are available in stable release v16.8.<\/a><\/p>\n\n\n\n<p>Personally I\u2019m rather excited for this to become a part of React. I\u2019ll try to explain why I\u2019m so excited and point you to some great resources to get started yourself.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What are Hooks?<\/h2>\n\n\n\n<p>With the introduction of Hooks, stateful logic can be extracted from the component.<\/p>\n\n\n\n<p>From <a href=\"https:\/\/reactjs.org\/docs\/hooks-overview.html\" target=\"_blank\" rel=\"noopener\">Hooks at a glance<\/a>:<\/p>\n\n\n\n<p><strong>Hooks are functions that let you \u201chook into\u201d React state and lifecycle features from function components. Hooks don\u2019t work inside classes \u2014 they let you use React without classes.<\/strong><\/p>\n\n\n\n<p><strong>React provides a few built-in Hooks like useState. You can also create your own Hooks to reuse stateful behavior between different components.<\/strong><\/p>\n\n\n\n<p>So Hooks provide two main advantages:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Reusability:&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Don%27t_repeat_yourself\" target=\"_blank\" rel=\"noopener\">Don\u2019t repeat yourself<\/a><\/li><\/ul>\n\n\n\n<p>Hooks provide a way to apply this to component behaviour<em> specifically <\/em>(which is harder or even impossible to do with a class component approach).<\/p>\n\n\n\n<p>In my mind, Hooks are to behaviour as React components are to a UI: they\u2019re a means to compose your behaviours onto a single component the same way you can compose multiple single components into a bigger part of the UI.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Readability &amp; clean code:<em> simple to understand and scan<\/em><\/li><\/ul>\n\n\n\n<p>Before Hooks, complex components quickly got hard to understand, as behaviour was all over the place. Hooks <a href=\"https:\/\/twitter.com\/threepointone\/status\/1056594421079261185\/photo\/1?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1056594421079261185&amp;ref_url=https%3A%2F%2Fmedium.com%2Fmedia%2Fe55e7bcbf2d4912af7e539a2646388e2%3FpostId%3Dfdbde8803889\" target=\"_blank\" rel=\"noopener\">bundle<\/a> all the code that belongs to one behaviour, and do it more concisely.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/twitter.com\/threepointone\/status\/1056594421079261185\"><img decoding=\"async\" width=\"622\" height=\"719\" src=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2019\/02\/jw8t8fkommde8iob7nu5.jpg\" alt=\"\" class=\"wp-image-23890\" srcset=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2019\/02\/jw8t8fkommde8iob7nu5.jpg 622w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2019\/02\/jw8t8fkommde8iob7nu5-260x300.jpg 260w\" sizes=\"(max-width: 622px) 100vw, 622px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to use Hooks<\/h2>\n\n\n\n<p>Using Hooks, it\u2019s now possible to create clean and stateful functional components:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"484\" src=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2019\/02\/t9p0m0c7jrz7vqr9yebi.jpg\" alt=\"\" class=\"wp-image-23892\" srcset=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2019\/02\/t9p0m0c7jrz7vqr9yebi.jpg 800w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2019\/02\/t9p0m0c7jrz7vqr9yebi-300x182.jpg 300w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2019\/02\/t9p0m0c7jrz7vqr9yebi-768x465.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<p>A blogpost on Hooks wouldn\u2019t be complete without some form of example. <br>I am, however, not going to attempt to explain the specifics, as the official documentation on <a href=\"https:\/\/reactjs.org\/docs\/hooks-intro.html\" target=\"_blank\" rel=\"noopener\">Introducing Hooks<\/a> already does it so well.<\/p>\n\n\n\n<p>If you\u2019re more of a visual learner, I would highly recommend watching <a href=\"https:\/\/www.youtube.com\/watch?v=dpw9EHDh2bM%60\" target=\"_blank\" rel=\"noopener\">React Today and Tomorrow and 90% Cleaner React With Hooks<\/a>, where some of the core React developers explain by doing. They touch on the motivation and give a hands-on demonstration of how Hooks relate to the current way of working, i.e. the lifecycle methods approach within class components.<\/p>\n\n\n\n<p>This is the video that got <em>me <\/em>excited in the first place, so I hope I sparked your interest as well!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In conclusion<\/h2>\n\n\n\n<p>Vue recently announced that they will be introducing Hooks in their framework as well. <a href=\"https:\/\/css-tricks.com\/what-hooks-mean-for-vue\/\" target=\"_blank\" rel=\"noopener\">Apparently, they thought Vue had a similar functionality with mixins, but found that Hooks were more flexible and powerful.<\/a><\/p>\n\n\n\n<p><strong>[M]ixins can\u2019t consume and use state from one to another, but Hooks can. This means that if we need chain encapsulated logic, it\u2019s now possible with Hooks.<\/strong><br><strong>We\u2019re planning on integrating Hooks into Vue 3, but will likely deviate from React\u2019s API in our own implementation.<\/strong><\/p>\n\n\n\n<p>We look forward to introducing Hooks to our colleagues and in our projects. Below, you&#8217;ll find a number of resources to get into them yourself.<\/p>\n\n\n\n<p>Are you getting started with Hooks? Let us know in the comments or on <a href=\"https:\/\/twitter.com\/beforeach\" target=\"_blank\" rel=\"noopener\">Twitter<\/a>!<\/p>\n\n\n\n<p><strong>Recommended watch:<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=dpw9EHDh2bM%60\" target=\"_blank\" rel=\"noopener\">React Today and Tomorrow and 90% Cleaner React With Hooks<\/a> <br>(the \u201cannouncement\u201d video which does a great job of explaining it all as well)<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Recommended reads:<\/strong><\/li><li><a rel=\"noopener\" href=\"https:\/\/reactjs.org\/docs\/hooks-intro.html\" target=\"_blank\">Introducing Hooks<\/a> (official documentation)<\/li><li><a rel=\"noopener\" href=\"https:\/\/medium.com\/@dan_abramov\/making-sense-of-react-hooks-fdbde8803889\" target=\"_blank\">Making Sense of React Hooks<\/a> (more in depth on the \u201cwhy\u201d)<\/li><li><a rel=\"noopener\" href=\"https:\/\/www.fullstackreact.com\/articles\/an-introduction-to-hooks-in-react\/\" target=\"_blank\">An Introduction to Hooks in React<\/a> (several hands on examples, how to write tests for Hooks )<\/li><li><a rel=\"noopener\" href=\"https:\/\/medium.com\/@ryardley\/react-hooks-not-magic-just-arrays-cd4f1857236e\" target=\"_blank\">Not Magic Just Arrays<\/a> (more in depth on the internals)<\/li><\/ul>\n\n\n\n<div class=\"attribution\">\n<table>\n<tbody>\n<tr>\n<td>\n<p>Published on Web Code Geeks with permission by Jeroen Savat, partner at our <a href=\"\/\/www.webcodegeeks.com\/join-us\/wcg\/\" target=\"_blank\" rel=\"noopener\">WCG program<\/a>. See the original article here: <a href=\"https:\/\/www.foreach.be\/blog\/react-hooks\" target=\"_blank\" rel=\"noopener\">React Hooks<\/a><\/p>\n<p>Opinions expressed by Web Code Geeks contributors are their own.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>On the Roadmap for React there was a widely discussed feature called React Hooks. As of yesterday, Hooks are available in stable release v16.8. Personally I\u2019m rather excited for this to become a part of React. I\u2019ll try to explain why I\u2019m so excited and point you to some great resources to get started yourself. &hellip;<\/p>\n","protected":false},"author":6602,"featured_media":20786,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[511],"tags":[],"class_list":["post-23888","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react-js"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>React Hooks - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"Interested to learn about React Hooks? Check our article explaining why react is so important and point you to some great resources to get started yourself.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React Hooks - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"Interested to learn about React Hooks? Check our article explaining why react is so important and point you to some great resources to get started yourself.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-08T10:15:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeroen Savat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@iframeskills\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeroen Savat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/\"},\"author\":{\"name\":\"Jeroen Savat\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/daf039e47e6063098add86bcd22a30a4\"},\"headline\":\"React Hooks\",\"datePublished\":\"2019-02-08T10:15:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/\"},\"wordCount\":611,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg\",\"articleSection\":[\"React.js\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/\",\"name\":\"React Hooks - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg\",\"datePublished\":\"2019-02-08T10:15:23+00:00\",\"description\":\"Interested to learn about React Hooks? Check our article explaining why react is so important and point you to some great resources to get started yourself.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"React.js\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/react-js\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"React Hooks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/daf039e47e6063098add86bcd22a30a4\",\"name\":\"Jeroen Savat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/82a7865744be76a131eaff7f98810993db40eb6102f06586e715d2a9353b43c5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/82a7865744be76a131eaff7f98810993db40eb6102f06586e715d2a9353b43c5?s=96&d=mm&r=g\",\"caption\":\"Jeroen Savat\"},\"sameAs\":[\"https:\/\/www.foreach.be\/blog\/\",\"https:\/\/www.linkedin.com\/in\/jeroensavat\/\",\"https:\/\/x.com\/iframeskills\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/jeroen-savat\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React Hooks - Web Code Geeks - 2026","description":"Interested to learn about React Hooks? Check our article explaining why react is so important and point you to some great resources to get started yourself.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/","og_locale":"en_US","og_type":"article","og_title":"React Hooks - Web Code Geeks - 2026","og_description":"Interested to learn about React Hooks? Check our article explaining why react is so important and point you to some great resources to get started yourself.","og_url":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_published_time":"2019-02-08T10:15:23+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg","type":"image\/jpeg"}],"author":"Jeroen Savat","twitter_card":"summary_large_image","twitter_creator":"@iframeskills","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Jeroen Savat","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/"},"author":{"name":"Jeroen Savat","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/daf039e47e6063098add86bcd22a30a4"},"headline":"React Hooks","datePublished":"2019-02-08T10:15:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/"},"wordCount":611,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg","articleSection":["React.js"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/","url":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/","name":"React Hooks - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg","datePublished":"2019-02-08T10:15:23+00:00","description":"Interested to learn about React Hooks? Check our article explaining why react is so important and point you to some great resources to get started yourself.","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2018\/02\/react-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/javascript\/react-js\/react-hooks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/"},{"@type":"ListItem","position":3,"name":"React.js","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/react-js\/"},{"@type":"ListItem","position":4,"name":"React Hooks"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/daf039e47e6063098add86bcd22a30a4","name":"Jeroen Savat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/82a7865744be76a131eaff7f98810993db40eb6102f06586e715d2a9353b43c5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/82a7865744be76a131eaff7f98810993db40eb6102f06586e715d2a9353b43c5?s=96&d=mm&r=g","caption":"Jeroen Savat"},"sameAs":["https:\/\/www.foreach.be\/blog\/","https:\/\/www.linkedin.com\/in\/jeroensavat\/","https:\/\/x.com\/iframeskills"],"url":"https:\/\/www.webcodegeeks.com\/author\/jeroen-savat\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/23888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/6602"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=23888"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/23888\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/20786"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=23888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=23888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=23888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}