Has lots of tests<\/li>\n<\/ul>\nAnything you’d add to that list?<\/p>\n","protected":false},"excerpt":{"rendered":"
I’m a fan of the componentization of the web. I think it’s a very nice way to build a website at just about any scale (except, perhaps, the absolute most basic). There are no shortage of opinions about what makes a good component, but say we scope that to third-party for a moment. That is, […]<\/p>\n","protected":false},"author":3,"featured_media":299552,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4],"tags":[844,1512],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/11\/bright-plaid.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":296135,"url":"https:\/\/css-tricks.com\/demonstrating-reusable-react-components-in-a-form\/","url_meta":{"origin":300598,"position":0},"title":"Demonstrating Reusable React Components in a Form","date":"October 2, 2019","format":false,"excerpt":"Components are the building blocks of React applications. It\u2019s almost impossible to build a React application and not make use of components. It\u2019s widespread to the point that some third-party packages provide you with components you can use to integrate functionality into your application. These third-party components tend to be\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/06\/tetris-blocks.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":255781,"url":"https:\/\/css-tricks.com\/well-documented-css-codebase-look-like\/","url_meta":{"origin":300598,"position":1},"title":"What Does a Well-Documented CSS Codebase Look Like?","date":"June 20, 2017","format":false,"excerpt":"In the front-end community, there is a lot of attention related to documenting JavaScript. That's not so much the case with CSS. Often times I feel like lost when I join a project with minimal or no CSS documentation. Even though CSS is relatively easy to write, it can be\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":302288,"url":"https:\/\/css-tricks.com\/web-component-for-a-code-block\/","url_meta":{"origin":300598,"position":2},"title":"Web Component for a Code Block","date":"February 18, 2020","format":false,"excerpt":"We'll get to that, but first, a long-winded introduction. I'm still not in a confident place knowing a good time to use native web components. The templating isn't particularly robust, so that doesn't draw me in. There is no state management, and I like having standard ways of handling that.\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/01\/code-block-screenshot.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":320457,"url":"https:\/\/css-tricks.com\/all-the-ways-to-make-a-web-component\/","url_meta":{"origin":300598,"position":3},"title":"All the Ways to Make a Web Component","date":"September 7, 2020","format":false,"excerpt":"This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting \"A Bit on Web Components Libraries\" is that the web platform APIs were designed for libraries to be built around them. Interesting, right? This page makes a\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/09\/color-pencils.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":271882,"url":"https:\/\/css-tricks.com\/digging-into-react-context\/","url_meta":{"origin":300598,"position":4},"title":"Digging Into React Context","date":"June 11, 2018","format":false,"excerpt":"You may have wondered lately what all the buzz is about Context and what it might mean for you and your React sites. Before Context, when the management of state gets complicated beyond the functionality of setState, you likely had to make use of a third party library. Thanks to\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/05\/react-context.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":333833,"url":"https:\/\/css-tricks.com\/reconciling-editor-experience-and-developer-experience-in-the-cms\/","url_meta":{"origin":300598,"position":5},"title":"Reconciling Editor Experience and Developer Experience in the CMS","date":"February 12, 2021","format":false,"excerpt":"Components are great, aren\u2019t they? They are these reusable sources of truth that you can use to build rock-solid front-ends without duplicating code. You know what else is super cool? Headless content management! Headless content management system (CMS) products offer a content editing experience while freeing that content in the\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/02\/cms-transformers-collage.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/11\/bright-plaid.png?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/300598"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=300598"}],"version-history":[{"count":8,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/300598\/revisions"}],"predecessor-version":[{"id":301305,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/300598\/revisions\/301305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/299552"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=300598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=300598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=300598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}