[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-listing-react-all-1":3},{"cards":4,"page":80,"totalPages":80,"totalPosts":81,"postsPerPage":82,"tag":83,"author":65},[5,36,52,67],{"id":6,"slug":7,"title":8,"description":9,"url":10,"publishedAt":11,"createdAt":12,"updatedAt":13,"featured":14,"readingTime":15,"tags":16,"imageUrl":21,"imageAlt":22,"faviconUrl":23,"publishedAtString":11,"category":24,"readTimeString":35},"640aed8469f5f5062904b11f","build-your-own-custom-chrome-history-extension-with-react-part-2-chrome-history-api","Create a Custom Chrome History Extension with React - Part 2","Learn how to build a custom Chrome history extension with React in this guide. Explore the Chrome History API and improve your browsing experience.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuild-your-own-custom-chrome-history-extension-with-react-part-2-chrome-history-api\u002F","2023-03-10T08:52:32.000+00:00","2023-03-10T08:42:44.000+00:00","2024-07-23T13:58:57.000+00:00",false,5,[17,18,19,20],"Chrome Extension","React","Tutorial","Web Development","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F03\u002Fthumbnail-build-chrome-extension.png","Build Your Own Custom Chrome History Extension with React: Part 2","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[25],{"type":26,"title":27,"shortTitle":28,"icon":29,"description":30,"excerpt":31,"thumbnail":32},"my-journey","Behind the Scenes of Web Highlights","My Journey","rocket","Hey 👋 I am Marius. I started Web Highlights in 2019 as a tool just for myself and have been working on it alone since then. Learn from my mistakes and stories right from the beginning how I grew the Chrome Extension to 250K users without any marketing costs.","These posts are the honest build log of Web Highlights: what worked, what hurt, and what I’d do again. If you care about indie products, Chrome extensions, or SEO-led growth, you’ll find practical lessons alongside the personal story.",{"url":33,"alt":34},"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fme.png","Me, Marius Bongarts, in front of sea in Portugal, Algarve","5 min read",{"id":37,"slug":38,"title":39,"description":40,"url":41,"publishedAt":42,"createdAt":43,"updatedAt":44,"featured":14,"readingTime":15,"tags":45,"imageUrl":47,"imageAlt":48,"faviconUrl":23,"publishedAtString":42,"category":49,"readTimeString":35},"63e9ea55e2f30306277d39a2","build-your-own-custom-chrome-history-extension-with-react-part-1-set-up","Create a Custom Chrome History Extension with React - Part 1","Learn how to set up and create a custom Chrome history extension using React with our step-by-step guide. Implement the Chrome History API easily.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuild-your-own-custom-chrome-history-extension-with-react-part-1-set-up\u002F","2023-02-13T07:54:54.000+00:00","2023-02-13T07:44:21.000+00:00","2024-07-23T13:56:29.000+00:00",[17,18,46],"Software","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F02\u002Fthumbnail-build-chrome-extension-1.png","Build Your Own Custom Chrome History Extension with React + Chrome Logo and React Logo",[50],{"type":26,"title":27,"shortTitle":28,"icon":29,"description":30,"excerpt":31,"thumbnail":51},{"url":33,"alt":34},{"id":53,"slug":54,"title":55,"description":56,"url":57,"publishedAt":58,"createdAt":59,"updatedAt":60,"featured":14,"readingTime":61,"tags":62,"imageUrl":63,"imageAlt":64,"faviconUrl":23,"publishedAtString":58,"category":65,"readTimeString":66},"6368b5be72d57a060160d0a3","how-to-build-a-chrome-extension-using-react","How To Build A Chrome Extension Using React","Discover how to create a Chrome Extension from scratch and build a dynamic frontend with React. A Step-by-step guide for beginners and developers.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-build-a-chrome-extension-using-react\u002F","2022-11-09T06:53:35.000+00:00","2022-11-07T07:37:34.000+00:00","2024-09-19T18:59:09.000+00:00",7,[17,18],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002Fchrome-react.png","Handshake with fists - Left shows React logo, right side shows Chrome extension Logo",null,"7 min read",{"id":68,"slug":69,"title":70,"description":71,"url":72,"publishedAt":73,"createdAt":74,"updatedAt":75,"featured":14,"readingTime":15,"tags":76,"imageUrl":78,"imageAlt":79,"faviconUrl":23,"publishedAtString":73,"category":65,"readTimeString":35},"63681e8972d57a060160cf48","how-to-use-web-components-in-react","How To Use Web Components in React","Web Components enable us to develop entirely independently of frontend frameworks. Here is how to use them in React.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-use-web-components-in-react\u002F","2022-11-06T21:18:45.000+00:00","2022-11-06T20:52:25.000+00:00","2024-09-19T19:13:10.000+00:00",[77,18],"Web Components","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002Freact.png","Shaking Hands with black transparent overlay showing React and Web Components Logo",1,4,25,{"slug":84,"name":18,"description":65},"react"]