{"id":30019,"date":"2017-05-18T21:01:04","date_gmt":"2017-05-18T13:01:04","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=30019"},"modified":"2017-05-18T19:34:21","modified_gmt":"2017-05-18T11:34:21","slug":"free-cloudflare-ui-framework-developers","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/","title":{"rendered":"Free CloudFlare UI Framework for Frontend Developers"},"content":{"rendered":"<p>CloudFlare recently <a target=\"_blank\" href=\"https:\/\/blog.cloudflare.com\/cf-ui\/\">announced<\/a> a major overhaul of their system <strong>from Backbone to React.js<\/strong>. This came with an <strong>updated frontend UI framework<\/strong> and the team decided to open source it for everyone.<\/p>\n<p>The <strong><a target=\"_blank\" href=\"https:\/\/github.com\/cloudflare\/cf-ui\">CloudFlare UI Framework<\/a><\/strong>, abbreviated <strong>CF-UI<\/strong>, is a free open source library of frontend codes that can <strong>tie into a React workflow<\/strong>.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/cloudflare.github.io\/cf-ui\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-cloudflare-ui-framework-developers\/01-cloudflare-ui-editing.jpg\" alt=\"cloudflare ui\" width=\"1200\" height=\"634\"><\/a><\/figure>\n<p>The team has been very open about their move <strong>including other technologies<\/strong> such as <a target=\"_blank\" href=\"https:\/\/lernajs.io\/\" rel=\"nofollow\">Lerna.js<\/a> for <strong>managing code across multiple repos<\/strong>. This overhaul goes deeper than superficial components, yet these free components can make a huge difference in your workflow.<\/p>\n<p>CloudFlare added <strong>custom components<\/strong> into a library along with <strong>unit tests<\/strong> for checking code quality. You can see a <strong>live demo<\/strong> for all the components <a target=\"_blank\" href=\"https:\/\/cloudflare.github.io\/cf-ui\/\">on this page<\/a> including <strong>documentation<\/strong> and <strong>code snippets<\/strong>.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/getting-started-react-js\/\">Getting Started with React.js<\/a>\n\t\t\t\t<\/p>\n<p>All code is <strong>built with React<\/strong>, so it <strong>extends classes<\/strong> made for different components such as pagination, dropdown menus, input fields, and even <a target=\"_blank\" href=\"https:\/\/cloudflare.github.io\/cf-ui\/#cf-component-copyable-textarea\">auto-copying textareas<\/a>.<\/p>\n<p>You can browse through all packages <a target=\"_blank\" href=\"https:\/\/github.com\/cloudflare\/cf-ui\/tree\/master\/packages\">on GitHub<\/a> and they can all be <strong>installed via npm<\/strong>. Note this isn\u2019t a simple frontend framework like Bootstrap (although it closely mimics their style). Instead, this is a <strong>complete React+Redux approach<\/strong> to frontend components.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/cloudflare.github.io\/cf-ui\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-cloudflare-ui-framework-developers\/02-cf-ui-component-grid.jpg\" alt=\"cloudflare ui components\" width=\"1000\" height=\"651\"><\/a><\/figure>\n<p>Note you should already feel comfortable working with React components, installing libraries via npm, and adding bindings through <a target=\"_blank\" href=\"https:\/\/github.com\/reduxjs\/react-redux\">React Redux<\/a>.<\/p>\n<p>All those projects are open source and easy to append into your site. Individual components <strong>have their own JS files<\/strong> which you can add into your site\u2019s header. And you can <strong>browse through all components<\/strong> on the <a target=\"_blank\" href=\"https:\/\/github.com\/cloudflare\/cf-ui\">GitHub page<\/a> if you want to learn more.<\/p>\n<p><strong>Live examples<\/strong> and <strong>source code snippets<\/strong> can be found <a target=\"_blank\" href=\"https:\/\/cloudflare.github.io\/cf-ui\/\">here<\/a> if you want to dive right in. And, of course, if you have questions or ideas for technical features you should browse the <strong><a target=\"_blank\" href=\"https:\/\/github.com\/cloudflare\/cf-ui\/tree\/master\/discussions\">discussions directory<\/a><\/strong> for more info. You could also try messaging CloudFlare devs or sending them a tweet <a target=\"_blank\" href=\"https:\/\/twitter.com\/Cloudflare\">@Cloudflare<\/a>.<\/p>\n<p class=\"note\"> <strong>Recommended Reading:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/cloud-hosting-cdn-for-webmasters\/\/\">Cloud Hosting & CDN Services for Web Developers \u2013 Best of<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>CloudFlare recently announced a major overhaul of their system from Backbone to React.js. This came with an updated frontend UI framework and the team decided to open source it for everyone. The CloudFlare UI Framework, abbreviated CF-UI, is a free open source library of frontend codes that can tie into a React workflow. The team&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[4317,511],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Free CloudFlare UI Framework for Frontend Developers - Hongkiat<\/title>\n<meta name=\"description\" content=\"CloudFlare recently announced a major overhaul of their system from Backbone to React.js. This came with an updated frontend UI framework and the team\" \/>\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.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free CloudFlare UI Framework for Frontend Developers\" \/>\n<meta property=\"og:description\" content=\"CloudFlare recently announced a major overhaul of their system from Backbone to React.js. This came with an updated frontend UI framework and the team\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-18T13:01:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/free-cloudflare-ui-framework-developers\/01-cloudflare-ui-editing.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Free CloudFlare UI Framework for Frontend Developers\",\"datePublished\":\"2017-05-18T13:01:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/\"},\"wordCount\":336,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-cloudflare-ui-framework-developers\\\/01-cloudflare-ui-editing.jpg\",\"keywords\":[\"UI frameworks\",\"Web Developers\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/\",\"name\":\"Free CloudFlare UI Framework for Frontend Developers - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-cloudflare-ui-framework-developers\\\/01-cloudflare-ui-editing.jpg\",\"datePublished\":\"2017-05-18T13:01:04+00:00\",\"description\":\"CloudFlare recently announced a major overhaul of their system from Backbone to React.js. This came with an updated frontend UI framework and the team\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-cloudflare-ui-framework-developers\\\/01-cloudflare-ui-editing.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-cloudflare-ui-framework-developers\\\/01-cloudflare-ui-editing.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-cloudflare-ui-framework-developers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free CloudFlare UI Framework for Frontend Developers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Free CloudFlare UI Framework for Frontend Developers - Hongkiat","description":"CloudFlare recently announced a major overhaul of their system from Backbone to React.js. This came with an updated frontend UI framework and the team","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.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/","og_locale":"en_US","og_type":"article","og_title":"Free CloudFlare UI Framework for Frontend Developers","og_description":"CloudFlare recently announced a major overhaul of their system from Backbone to React.js. This came with an updated frontend UI framework and the team","og_url":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-05-18T13:01:04+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/free-cloudflare-ui-framework-developers\/01-cloudflare-ui-editing.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Free CloudFlare UI Framework for Frontend Developers","datePublished":"2017-05-18T13:01:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/"},"wordCount":336,"commentCount":2,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-cloudflare-ui-framework-developers\/01-cloudflare-ui-editing.jpg","keywords":["UI frameworks","Web Developers"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/","url":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/","name":"Free CloudFlare UI Framework for Frontend Developers - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-cloudflare-ui-framework-developers\/01-cloudflare-ui-editing.jpg","datePublished":"2017-05-18T13:01:04+00:00","description":"CloudFlare recently announced a major overhaul of their system from Backbone to React.js. This came with an updated frontend UI framework and the team","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/free-cloudflare-ui-framework-developers\/01-cloudflare-ui-editing.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-cloudflare-ui-framework-developers\/01-cloudflare-ui-editing.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/free-cloudflare-ui-framework-developers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Free CloudFlare UI Framework for Frontend Developers"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7Ob","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=30019"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30019\/revisions"}],"predecessor-version":[{"id":30020,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30019\/revisions\/30020"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=30019"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=30019"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=30019"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=30019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}