[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"sanity-ARG1e5QbLL5qNCY5DbW9RqpXyR4z9005rBddY1VHwUo":3},{"data":4,"sourceMap":-1},{"info":5,"latest":13,"pinned":474},{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"descriptionText":10,"slug":11,"title":12},"2023-05-23T16:43:21Z","wp-tagcat-react","9HpbCsT2tq0xwozQfkc4ih","blogTag",null,{"current":12},"react",[14,76,120,190,216,251,277,310,364,389,423],{"_id":15,"author":16,"commentCount":28,"comments":29,"excerpt":30,"featureTag":10,"image":31,"publishedAt":35,"slug":36,"sponsored":10,"tags":39,"title":75},"910c942a-ab5a-4d7c-935d-695f06c37a39",[17],{"_id":18,"avatar":19,"name":24,"role":25,"slug":26},"wp-author-295",{"_type":20,"asset":21},"image",{"_ref":22,"_type":23},"image-d670f8093b43e483a52ba692d929578633f70eb5-1024x1024-jpg","reference","Eira May","B2B Editor",{"current":27},"emay",0,true,"During the holidays, we’re releasing some highlights from a year full of conversations with developers and technologists. Enjoy! We’ll see you in 2025.",{"_type":20,"asset":32,"attribution":34},{"_ref":33,"_type":23},"image-56c6dab9c7d1b66bc662c5f43ea9573418d94d17-2400x1260-webp","Alexandra Francis","2024-12-24T08:40:00.000Z",{"_type":37,"current":38},"slug","balancing-business-and-open-source-in-2024",[40,44,48,53,60,65,67,71],{"_createdAt":6,"_id":41,"_rev":8,"_type":9,"_updatedAt":6,"slug":42,"title":43},"wp-tagcat-se-tech",{"current":43},"se-tech",{"_createdAt":6,"_id":45,"_rev":8,"_type":9,"_updatedAt":6,"slug":46,"title":47},"wp-tagcat-se-stackoverflow",{"current":47},"se-stackoverflow",{"_createdAt":6,"_id":49,"_rev":8,"_type":9,"_updatedAt":6,"slug":50,"title":52},"wp-tagcat-podcast",{"current":51},"podcast","The Stack Overflow Podcast",{"_createdAt":6,"_id":54,"_rev":55,"_type":9,"_updatedAt":56,"slug":57,"title":59},"wp-tagcat-open-source","usBIUY8SfRoXafnkrDdaLh","2025-02-28T11:18:45Z",{"current":58},"open-source","Open Source",{"_createdAt":6,"_id":61,"_rev":8,"_type":9,"_updatedAt":6,"slug":62,"title":64},"wp-tagcat-node-js",{"current":63},"node-js","node.js",{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":66,"title":12},{"current":12},{"_createdAt":6,"_id":68,"_rev":8,"_type":9,"_updatedAt":6,"slug":69,"title":70},"wp-tagcat-deno",{"current":70},"deno",{"_createdAt":6,"_id":72,"_rev":8,"_type":9,"_updatedAt":6,"slug":73,"title":74},"wp-tagcat-vercel",{"current":74},"vercel","Balancing business and open source in 2024",{"_id":77,"author":78,"commentCount":83,"comments":29,"excerpt":84,"featureTag":10,"image":85,"publishedAt":87,"slug":88,"sponsored":10,"tags":90,"title":119},"214408ba-26fe-4d65-9cde-f6a0b94f5379",[79],{"_id":18,"avatar":80,"name":24,"role":25,"slug":82},{"_type":20,"asset":81},{"_ref":22,"_type":23},{"current":27},3,"Tom Occhino, now Chief Product Officer at Vercel, tells Ben about how he contributed to the development of React at Facebook and the contentious decision to make React open-source. They also talk about what community feedback has been like on Next.js 15, Vercel’s GenAI web development tool, and how Vercel is rethinking IDEs. ",{"_type":20,"asset":86,"attribution":34},{"_ref":33,"_type":23},"2024-11-01T07:40:00.000Z",{"_type":37,"current":89},"how-a-creator-of-react-is-rethinking-ides",[91,93,95,97,104,106,111,113,115],{"_createdAt":6,"_id":41,"_rev":8,"_type":9,"_updatedAt":6,"slug":92,"title":43},{"current":43},{"_createdAt":6,"_id":45,"_rev":8,"_type":9,"_updatedAt":6,"slug":94,"title":47},{"current":47},{"_createdAt":6,"_id":49,"_rev":8,"_type":9,"_updatedAt":6,"slug":96,"title":52},{"current":51},{"_createdAt":6,"_id":98,"_rev":99,"_type":9,"_updatedAt":100,"slug":101,"title":103},"wp-tagcat-ai","fpDTFQqIDjNJIbHDKPBGpV","2025-01-30T16:19:01Z",{"current":102},"ai","AI",{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":105,"title":12},{"current":12},{"_createdAt":6,"_id":107,"_rev":8,"_type":9,"_updatedAt":6,"slug":108,"title":110},"wp-tagcat-next-js",{"current":109},"next-js","next.js",{"_createdAt":6,"_id":72,"_rev":8,"_type":9,"_updatedAt":6,"slug":112,"title":74},{"current":74},{"_createdAt":6,"_id":54,"_rev":55,"_type":9,"_updatedAt":56,"slug":114,"title":59},{"current":58},{"_createdAt":6,"_id":116,"_rev":8,"_type":9,"_updatedAt":6,"slug":117,"title":118},"wp-tagcat-ide",{"current":118},"ide","How a creator of React is rethinking IDEs",{"_id":121,"author":122,"commentCount":132,"comments":29,"excerpt":133,"featureTag":10,"image":134,"publishedAt":137,"slug":138,"sponsored":10,"tags":140,"title":189},"wp-post-21182",[123],{"_id":124,"avatar":125,"name":128,"role":129,"slug":130},"wp-author-264",{"_type":20,"asset":126},{"_ref":127,"_type":23},"image-1151b931bd97b2512301416f37684fffd82454b1-1024x1024-png","Ritika Puri","Writer",{"current":131},"rpuri",13,"We chat with a Platform Engineer and Reality Labs Advocate about the expanding toolkit available for crafting virtual reality experiences.",{"_type":20,"asset":135},{"_ref":136,"_type":23},"image-472725c034235a56301dc8caf0ed41b3d298c57a-1200x630-png","2022-11-22T05:40:00.000Z",{"current":139},"heres-what-its-like-to-develop-vr-at-meta-ep-508",[141,146,151,156,161,166,171,173,178,180,185],{"_createdAt":6,"_id":142,"_rev":8,"_type":9,"_updatedAt":6,"slug":143,"title":145},"wp-tagcat-faang",{"current":144},"faang","FAANG",{"_createdAt":6,"_id":147,"_rev":8,"_type":9,"_updatedAt":6,"slug":148,"title":150},"wp-tagcat-fract",{"current":149},"fract","Fract",{"_createdAt":6,"_id":152,"_rev":8,"_type":9,"_updatedAt":6,"slug":153,"title":155},"wp-tagcat-horizon-workroom",{"current":154},"horizon-workroom","Horizon Workroom",{"_createdAt":6,"_id":157,"_rev":8,"_type":9,"_updatedAt":6,"slug":158,"title":160},"wp-tagcat-insights-sdk",{"current":159},"insights-sdk","Insights SDK",{"_createdAt":6,"_id":162,"_rev":8,"_type":9,"_updatedAt":6,"slug":163,"title":165},"wp-tagcat-mark-zuckerberg",{"current":164},"mark-zuckerberg","Mark Zuckerberg",{"_createdAt":6,"_id":167,"_rev":8,"_type":9,"_updatedAt":6,"slug":168,"title":170},"wp-tagcat-presence-platform",{"current":169},"presence-platform","Presence Platform",{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":172,"title":12},{"current":12},{"_createdAt":6,"_id":174,"_rev":8,"_type":9,"_updatedAt":6,"slug":175,"title":177},"wp-tagcat-reality-labs",{"current":176},"reality-labs","Reality Labs",{"_createdAt":6,"_id":49,"_rev":8,"_type":9,"_updatedAt":6,"slug":179,"title":52},{"current":51},{"_createdAt":6,"_id":181,"_rev":8,"_type":9,"_updatedAt":6,"slug":182,"title":184},"wp-tagcat-the-stack-overflow-podcast",{"current":183},"the-stack-overflow-podcast","the stack overflow podcast",{"_createdAt":6,"_id":186,"_rev":8,"_type":9,"_updatedAt":6,"slug":187,"title":188},"wp-tagcat-vr",{"current":188},"vr","Here’s what it’s like to develop VR at Meta (Ep. 513)",{"_id":191,"author":192,"commentCount":28,"comments":29,"excerpt":197,"featureTag":10,"image":198,"publishedAt":201,"slug":202,"sponsored":10,"tags":204,"title":215},"wp-post-19900",[193],{"_id":18,"avatar":194,"name":24,"role":25,"slug":196},{"_type":20,"asset":195},{"_ref":22,"_type":23},{"current":27},"The home team discusses React’s major version upgrade, how women in software engineering are often shunted into marketing or project management roles, and the brilliant analogy Cassidy used to explain to her parents how software engineers still have jobs after they’re done building the app.",{"_type":20,"asset":199},{"_ref":200,"_type":23},"image-6f6591e18674cee2e570564767f3f8ca14c19158-3000x1575-png","2022-04-05T04:40:00.000Z",{"current":203},"episode-430-the-new-version-of-react-great-tools-for-learning-css-and-the-double-standard-for-female-engineers",[205,209,211,213],{"_createdAt":6,"_id":206,"_rev":8,"_type":9,"_updatedAt":6,"slug":207,"title":208},"wp-tagcat-css",{"current":208},"css",{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":210,"title":12},{"current":12},{"_createdAt":6,"_id":49,"_rev":8,"_type":9,"_updatedAt":6,"slug":212,"title":52},{"current":51},{"_createdAt":6,"_id":181,"_rev":8,"_type":9,"_updatedAt":6,"slug":214,"title":184},{"current":183},"Episode 430: The new version of React, great tools for learning CSS, and the double standard for female engineers",{"_id":217,"author":218,"commentCount":224,"comments":29,"excerpt":225,"featureTag":10,"image":226,"publishedAt":229,"slug":230,"sponsored":10,"tags":232,"title":250},"wp-post-18951",[219],{"_id":220,"avatar":10,"name":221,"role":10,"slug":222},"wp-author-cap-18954","Doro Onome",{"current":223},"doro-onome",31,"Originally, React mainly used class components, which can be strenuous at times as you always had to switch between classes, higher-order components, and render props. With React hooks, you can now do all these without switching, using functional components.",{"_type":20,"asset":227},{"_ref":228,"_type":23},"image-c285fa20b1e4a139bbe2f1e9762181dbd10bb874-2400x1260-jpg","2021-10-20T14:10:43.000Z",{"current":231},"why-hooks-are-the-best-thing-to-happen-to-react",[233,238,243,245],{"_createdAt":6,"_id":234,"_rev":8,"_type":9,"_updatedAt":6,"slug":235,"title":237},"wp-tagcat-code-for-a-living",{"current":236},"code-for-a-living","Code for a Living",{"_createdAt":6,"_id":239,"_rev":8,"_type":9,"_updatedAt":6,"slug":240,"title":242},"wp-tagcat-functional-programming",{"current":241},"functional-programming","functional programming",{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":244,"title":12},{"current":12},{"_createdAt":6,"_id":246,"_rev":8,"_type":9,"_updatedAt":6,"slug":247,"title":249},"wp-tagcat-react-hooks",{"current":248},"react-hooks","react hooks","Why hooks are the best thing to happen to React",{"_id":252,"author":253,"commentCount":28,"comments":29,"excerpt":262,"featureTag":10,"image":263,"publishedAt":266,"slug":267,"sponsored":10,"tags":269,"title":276},"wp-post-16730",[254],{"_id":255,"avatar":256,"name":259,"role":10,"slug":260},"wp-author-226",{"_type":20,"asset":257},{"_ref":258,"_type":23},"image-56688f6337dd0a96034dfc998cdecc7810597d81-1024x1024-png","Ryan Donovan",{"current":261},"rdonovan","We spoke with Vercel CEO Guillermo Rauch and Next.js development leader Tim Neutkens about what new features this version brings, what’s next for Next.js, and how their approach helps the faster growing cohort of web users stay online. ",{"_type":20,"asset":264},{"_ref":265,"_type":23},"image-195b13e4cfa18ffcf33a0a3add0f67d8f0b1859e-2560x1707-jpg","2020-10-07T12:02:00.000Z",{"current":268},"qa-with-the-creators-of-next-js-on-version-9-5",[270,272,274],{"_createdAt":6,"_id":234,"_rev":8,"_type":9,"_updatedAt":6,"slug":271,"title":237},{"current":236},{"_createdAt":6,"_id":107,"_rev":8,"_type":9,"_updatedAt":6,"slug":273,"title":110},{"current":109},{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":275,"title":12},{"current":12},"Static site generation with single page app functionality? That's what's coming Next(.js)",{"_id":278,"author":279,"commentCount":28,"comments":29,"excerpt":288,"featureTag":10,"image":289,"publishedAt":291,"slug":292,"sponsored":10,"tags":294,"title":309},"wp-post-16444",[280],{"_id":281,"avatar":282,"name":285,"role":10,"slug":286},"wp-author-213",{"_type":20,"asset":283},{"_ref":284,"_type":23},"image-e81c84dcaeb58be1002795a6544b595bd6fc8071-1024x1024-jpg","Ben Popper",{"current":287},"benpopper","From a manga punk Drupal site to herding the cats of the React community. ",{"_type":20,"asset":290},{"_ref":200,"_type":23},"2020-08-11T04:40:00.000Z",{"current":293},"podcast-259-web-comics-react-core-rachel-nabors",[295,299,303,305,307],{"_createdAt":6,"_id":296,"_rev":8,"_type":9,"_updatedAt":6,"slug":297,"title":298},"wp-tagcat-comics",{"current":298},"comics",{"_createdAt":6,"_id":300,"_rev":8,"_type":9,"_updatedAt":6,"slug":301,"title":302},"wp-tagcat-drupal",{"current":302},"drupal",{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":304,"title":12},{"current":12},{"_createdAt":6,"_id":49,"_rev":8,"_type":9,"_updatedAt":6,"slug":306,"title":52},{"current":51},{"_createdAt":6,"_id":181,"_rev":8,"_type":9,"_updatedAt":6,"slug":308,"title":184},{"current":183},"Podcast 259: from web comics to React core with Rachel Nabors",{"_id":311,"author":312,"commentCount":28,"comments":29,"excerpt":317,"featureTag":10,"image":318,"publishedAt":320,"slug":321,"sponsored":10,"tags":323,"title":363},"wp-post-15810",[313],{"_id":281,"avatar":314,"name":285,"role":10,"slug":316},{"_type":20,"asset":315},{"_ref":284,"_type":23},{"current":287},"This week we chat about Star Trek, React, parsing, and the growing trend of holding virtual events in spaces like Fortnite and Animal Crossing. ",{"_type":20,"asset":319},{"_ref":200,"_type":23},"2020-05-01T04:40:00.000Z",{"current":322},"231-make-it-so-picard-react-animal-crossing",[324,329,334,336,340,342,347,349,354,356,358],{"_createdAt":6,"_id":325,"_rev":8,"_type":9,"_updatedAt":6,"slug":326,"title":328},"wp-tagcat-animal-crossing",{"current":327},"animal-crossing","animal crossing",{"_createdAt":6,"_id":330,"_rev":8,"_type":9,"_updatedAt":6,"slug":331,"title":333},"wp-tagcat-bulletin",{"current":332},"bulletin","Bulletin",{"_createdAt":6,"_id":330,"_rev":8,"_type":9,"_updatedAt":6,"slug":335,"title":333},{"current":332},{"_createdAt":6,"_id":337,"_rev":8,"_type":9,"_updatedAt":6,"slug":338,"title":339},"wp-tagcat-picard",{"current":339},"picard",{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":341,"title":12},{"current":12},{"_createdAt":6,"_id":343,"_rev":8,"_type":9,"_updatedAt":6,"slug":344,"title":346},"wp-tagcat-stackoverflow",{"current":345},"stackoverflow","Stackoverflow",{"_createdAt":6,"_id":343,"_rev":8,"_type":9,"_updatedAt":6,"slug":348,"title":346},{"current":345},{"_createdAt":6,"_id":350,"_rev":8,"_type":9,"_updatedAt":6,"slug":351,"title":353},"wp-tagcat-star-trek",{"current":352},"star-trek","star trek",{"_createdAt":6,"_id":49,"_rev":8,"_type":9,"_updatedAt":6,"slug":355,"title":52},{"current":51},{"_createdAt":6,"_id":181,"_rev":8,"_type":9,"_updatedAt":6,"slug":357,"title":184},{"current":183},{"_createdAt":6,"_id":359,"_rev":8,"_type":9,"_updatedAt":6,"slug":360,"title":362},"wp-tagcat-travis-scott",{"current":361},"travis-scott","travis scott","Podcast 231: Make it So",{"_id":365,"author":366,"commentCount":367,"comments":29,"excerpt":368,"featureTag":10,"image":369,"publishedAt":372,"slug":373,"sponsored":10,"tags":375,"title":388},"wp-post-14803",[10],2,"In the last article, we examined the basics of micro-interactions: what they are, why they’re important, and how to build one. In this tutorial, we’ll build something I have struggled with for many years: the animated navigation.",{"_type":20,"asset":370},{"_ref":371,"_type":23},"image-b7239df79d9659f7172a412ba24cf22e78a9dde3-2547x1177-jpg","2020-01-23T13:48:00.000Z",{"current":374},"micro-interactions-with-react-spring-part-2",[376,380,382,384,386],{"_createdAt":6,"_id":377,"_rev":8,"_type":9,"_updatedAt":6,"slug":378,"title":379},"wp-tagcat-animation",{"current":379},"animation",{"_createdAt":6,"_id":330,"_rev":8,"_type":9,"_updatedAt":6,"slug":381,"title":333},{"current":332},{"_createdAt":6,"_id":234,"_rev":8,"_type":9,"_updatedAt":6,"slug":383,"title":237},{"current":236},{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":385,"title":12},{"current":12},{"_createdAt":6,"_id":343,"_rev":8,"_type":9,"_updatedAt":6,"slug":387,"title":346},{"current":345},"Micro-interactions with react-spring: Part 2",{"_id":390,"author":391,"commentCount":400,"comments":29,"excerpt":401,"featureTag":10,"image":402,"publishedAt":404,"slug":405,"sponsored":10,"tags":407,"title":422},"wp-post-14747",[392],{"_id":393,"avatar":394,"name":397,"role":10,"slug":398},"wp-author-259",{"_type":20,"asset":395},{"_ref":396,"_type":23},"image-231ef12e1df977904aed454c6251dca1b541297b-1024x1024-jpg","Emma Bostian",{"current":399},"ebostian",7,"In this series, we’ll examine how to take your application from ordinary to exceptional by implementing micro-interactions with react-spring so you won’t be stuck thinking “I really wish I knew how to add animations” any more.",{"_type":20,"asset":403},{"_ref":371,"_type":23},"2020-01-16T15:00:00.000Z",{"current":406},"how-to-create-micro-interactions-with-react-spring-part-1",[408,410,412,414,416,420],{"_createdAt":6,"_id":377,"_rev":8,"_type":9,"_updatedAt":6,"slug":409,"title":379},{"current":379},{"_createdAt":6,"_id":330,"_rev":8,"_type":9,"_updatedAt":6,"slug":411,"title":333},{"current":332},{"_createdAt":6,"_id":234,"_rev":8,"_type":9,"_updatedAt":6,"slug":413,"title":237},{"current":236},{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":415,"title":12},{"current":12},{"_createdAt":6,"_id":417,"_rev":8,"_type":9,"_updatedAt":6,"slug":418,"title":419},"wp-tagcat-react-spring",{"current":419},"react-spring",{"_createdAt":6,"_id":343,"_rev":8,"_type":9,"_updatedAt":6,"slug":421,"title":346},{"current":345},"How to create micro-interactions with react-spring: Part 1",{"_id":424,"author":425,"commentCount":430,"comments":29,"excerpt":431,"featureTag":10,"image":432,"publishedAt":434,"slug":435,"sponsored":10,"tags":437,"title":473},"wp-post-14207",[426],{"_id":281,"avatar":427,"name":285,"role":10,"slug":429},{"_type":20,"asset":428},{"_ref":284,"_type":23},{"current":287},23,"What was life like before Git? Why do some many folks love React? How do you transition from a coder to a manager? ",{"_type":20,"asset":433},{"_ref":200,"_type":23},"2019-11-19T05:30:08.000Z",{"current":436},"podcast-a-few-of-our-favorite-things-about-react",[438,440,442,444,449,454,458,463,465,467,469,471],{"_createdAt":6,"_id":330,"_rev":8,"_type":9,"_updatedAt":6,"slug":439,"title":333},{"current":332},{"_createdAt":6,"_id":330,"_rev":8,"_type":9,"_updatedAt":6,"slug":441,"title":333},{"current":332},{"_createdAt":6,"_id":234,"_rev":8,"_type":9,"_updatedAt":6,"slug":443,"title":237},{"current":236},{"_createdAt":6,"_id":445,"_rev":8,"_type":9,"_updatedAt":6,"slug":446,"title":448},"wp-tagcat-engineering",{"current":447},"engineering","Engineering",{"_createdAt":6,"_id":450,"_rev":8,"_type":9,"_updatedAt":6,"slug":451,"title":453},"wp-tagcat-for-work",{"current":452},"for-work","For Work",{"_createdAt":6,"_id":455,"_rev":8,"_type":9,"_updatedAt":6,"slug":456,"title":457},"wp-tagcat-git",{"current":457},"git",{"_createdAt":6,"_id":459,"_rev":8,"_type":9,"_updatedAt":6,"slug":460,"title":462},"wp-tagcat-kent-c-dodds",{"current":461},"kent-c-dodds","kent c dodds",{"_createdAt":6,"_id":7,"_rev":8,"_type":9,"_updatedAt":6,"slug":464,"title":12},{"current":12},{"_createdAt":6,"_id":343,"_rev":8,"_type":9,"_updatedAt":6,"slug":466,"title":346},{"current":345},{"_createdAt":6,"_id":343,"_rev":8,"_type":9,"_updatedAt":6,"slug":468,"title":346},{"current":345},{"_createdAt":6,"_id":181,"_rev":8,"_type":9,"_updatedAt":6,"slug":470,"title":184},{"current":183},{"_createdAt":6,"_id":49,"_rev":8,"_type":9,"_updatedAt":6,"slug":472,"title":52},{"current":51},"Podcast: A Few Of Our Favorite Things About React",[]]