[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en":3,"tag:\u002Ftags\u002Freact:1":37},[4,11,17,24,30],{"id":5,"slug":6,"name":7,"colorHex":8,"iconName":9,"postCount":10},"0e2c1225-f78a-4c20-8c93-998ab9dc93b9","frontend","Frontend","#40484f",null,25,{"id":12,"slug":13,"name":14,"colorHex":15,"iconName":9,"postCount":16},"bc8df70e-b7fb-4d89-a80c-fd458d36d58c","code-development","Code & Development","#8b5cf6",23,{"id":18,"slug":19,"name":20,"colorHex":21,"iconName":22,"postCount":23},"550e8400-e29b-41d4-a716-446655440001","inteligencia-artificial","Artificial Intelligence","#6366f1","brain",14,{"id":25,"slug":26,"name":27,"colorHex":28,"iconName":9,"postCount":29},"ea63b69c-2eb4-4100-81f3-70ce52d33743","tech-news","Tech News","#e50606",4,{"id":31,"slug":32,"name":33,"colorHex":34,"iconName":35,"postCount":36},"550e8400-e29b-41d4-a716-446655440017","how-to-guides","How-To & Guides","#be123c","book-open",2,{"tag":38,"posts":41,"total":197,"localeCounts":198},{"slug":39,"name":40},"react","React",[42,57,70,83,95,107,120,132,145,158,171,185],{"id":43,"slug":44,"title":45,"excerpt":46,"image":47,"featured":48,"groupId":49,"publishedAt":50,"readingTime":23,"views":51,"author":52,"category":54,"tags":55},"e63ce578-4726-46d2-8045-df6e4243657a","nextjs-16-ppr-eliminate-the-static-vs-dynamic-tradeoff-and-achieve-edge-ttfb-with-fresh-data","Next.js 16 PPR: Eliminate the static vs. dynamic tradeoff and achieve Edge TTFB with fresh data","Partial Prerendering in Next.js 16 resolves the classic rendering tradeoff, delivering static speed with dynamic data in one seamless response.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1783970715281-featured-ikveub.webp",false,"4982f454-7d33-4921-a2b5-c1c663505594","2026-07-13T19:26:00.750741+00:00",1,{"name":53,"avatar":9},"Genildo Souza",{"slug":13,"name":14,"color":15},[56],{"slug":39,"name":40},{"id":58,"slug":59,"title":60,"excerpt":61,"image":62,"featured":48,"groupId":63,"publishedAt":64,"readingTime":23,"views":65,"author":66,"category":67,"tags":68},"d5167910-cc5b-4fae-a2e8-d09adcf354b2","stop-using-usememo-wrong-a-practical-guide-to-react-performance","Stop Using useMemo Wrong: A Practical Guide to React Performance","Master React useMemo with this guide. Learn when to memoize, how to fix dependency array bugs, and why over-optimization can hurt your performance.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1769657096789-featured-r2q2sb.jpeg","a1c571c1-aa37-404d-ac67-f265c8a9985b","2026-07-08T23:34:34.563653+00:00",0,{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[69],{"slug":39,"name":40},{"id":71,"slug":72,"title":73,"excerpt":74,"image":75,"featured":48,"groupId":76,"publishedAt":77,"readingTime":78,"views":65,"author":79,"category":80,"tags":81},"0fb67226-b881-43f5-9970-3a1442aa4be1","a-guide-to-html-loading-strategies-that-will-speed-up-your-load-times","A Guide to HTML Loading Strategies That Will Speed Up Your Load Times","Stop blocking your renders and start delivering lightning-fast experiences to your users by mastering modern HTML script loading strategies.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1766637747576-featured-1bqmjq.png","be2f746b-fe22-4009-86a9-a80e33513e02","2026-06-19T21:24:56.768931+00:00",9,{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[82],{"slug":39,"name":40},{"id":84,"slug":85,"title":86,"excerpt":87,"image":88,"featured":48,"groupId":89,"publishedAt":90,"readingTime":23,"views":65,"author":91,"category":92,"tags":93},"8f3317a0-3524-4727-8a24-1d2e992e4bc6","6-react-usecallback-secrets-professional-teams-use-but-never-document","6 React useCallback Secrets Professional Teams Use (But Never Document)","Most tutorials only scratch the surface. Discover the advanced useCallback patterns professional teams use to build high-performance React apps.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1781825225277-featured-0iiar6.webp","94e02eff-0aa5-463f-88b0-1927284ac5f8","2026-06-18T22:57:53.338254+00:00",{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[94],{"slug":39,"name":40},{"id":96,"slug":97,"title":98,"excerpt":99,"image":100,"featured":48,"groupId":101,"publishedAt":102,"readingTime":78,"views":65,"author":103,"category":104,"tags":105},"439adab5-cb0c-42cd-960b-92299d13b313","typescript-with-zustand-tanstack-query-the-types-tutorials-dont-show-you","TypeScript with Zustand + TanStack Query: the types tutorials don't show you","Every tutorial shows the happy path. The real work starts when you split stores, add middleware, and try to keep TanStack Query keys honest.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1776576783650-featured-vhtiiw.webp","041fe219-e732-46d2-8050-42e63cec235a","2026-06-11T23:33:26.99398+00:00",{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[106],{"slug":39,"name":40},{"id":108,"slug":109,"title":110,"excerpt":111,"image":112,"featured":48,"groupId":113,"publishedAt":114,"readingTime":115,"views":65,"author":116,"category":117,"tags":118},"18b8316e-7a92-43bf-b459-fcc7199f9ba3","the-2026-frontend-framework-guide-nobody-asked-for-but-everyone-needs","The 2026 Frontend Framework Guide Nobody Asked For (But Everyone Needs)","The truth about frontend frameworks in 2026. We analyze React, Vue, Angular, Svelte, and Solid based on real satisfaction and market data. Understand how technology convergence changes the ideal stack choice for your project.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1774504630324-featured-pmt8w2.jpeg","286c28d0-b72d-42f1-9d3e-097f377a8874","2026-04-25T00:09:20.168247+00:00",10,{"name":53,"avatar":9},{"slug":13,"name":14,"color":15},[119],{"slug":39,"name":40},{"id":121,"slug":122,"title":123,"excerpt":124,"image":125,"featured":48,"groupId":126,"publishedAt":127,"readingTime":115,"views":65,"author":128,"category":129,"tags":130},"23140d39-dff7-4f1a-af5f-24d6daf5f7b6","zustand-and-tanstack-query-the-dynamic-duo-that-simplified-my-react-state-management","Zustand and TanStack Query: The Dynamic Duo That Simplified My React State Management","How combining Zustand for client state and TanStack Query for server state eliminates Redux boilerplate and creates a cleaner, more scalable React architecture.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1776129459608-featured-si4qda.png","5b08225d-8ac4-4f08-bd86-817418215733","2026-04-14T01:17:41.684+00:00",{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[131],{"slug":39,"name":40},{"id":133,"slug":134,"title":135,"excerpt":136,"image":137,"featured":48,"groupId":138,"publishedAt":139,"readingTime":140,"views":65,"author":141,"category":142,"tags":143},"25c0209a-404d-46d6-b163-22e1e184ca59","6-secret-useeffect-techniques","6 Secret useEffect Techniques","Beyond fetch and event listeners. What the docs show — and what they don't explain properly.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1776079320434-featured-3gqn6r.jpeg","97df5bae-fb25-4753-90d9-9632e75b1c14","2026-04-13T12:48:51.27+00:00",6,{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[144],{"slug":39,"name":40},{"id":146,"slug":147,"title":148,"excerpt":149,"image":150,"featured":48,"groupId":151,"publishedAt":152,"readingTime":29,"views":153,"author":154,"category":155,"tags":156},"236a0e47-856e-4f18-8d4e-5d68d2c04004","angular-vs-nextjs-which-to-choose","Angular vs Next.js: Which to choose?","Angular and Next.js are two dominant technologies in web development, but they shine in distinct scenarios. Angular is ideal for complex enterprise applications, focusing on consistency and long lifecycles. Next.js, on the other hand, excels in content-heavy sites, MVPs, and projects requiring high performance and SEO. The right choice depends on your project's context.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1771369943174-featured-rl2sad.jpeg","1c4c39a8-20ae-4b56-9001-c44d6d7ed5ec","2026-03-26T03:40:05.431+00:00",214,{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[157],{"slug":39,"name":40},{"id":159,"slug":160,"title":161,"excerpt":162,"image":163,"featured":48,"groupId":164,"publishedAt":165,"readingTime":140,"views":166,"author":167,"category":168,"tags":169},"4fce8bd7-aeef-47f2-aa71-75e4432f2401","nextjs-16-the-version-that-stops-pretending-cache-was-simple","Next.js 16: The Version That Stops Pretending Cache Was Simple","Tired of slow builds and invalidating cache? Next.js 16 solves this! With Turbopack now standard, Cache Components for explicit cache control, proxy.ts for Node.js, stable React Compiler, and React 19.2, development becomes faster and more intuitive. Also discover DevTools MCP for AI-assisted debugging.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1773632169148-featured-3pk1lx.jpeg","ee5270a8-5ea3-4010-9a0e-fd45f7252be5","2026-03-22T20:35:46.91+00:00",59,{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[170],{"slug":39,"name":40},{"id":172,"slug":173,"title":174,"excerpt":175,"image":176,"featured":48,"groupId":177,"publishedAt":178,"readingTime":179,"views":180,"author":181,"category":182,"tags":183},"9798f6ea-1dcb-4ecf-974c-fb7df7784744","react-compiler-youll-stop-copy-pasting-usememo-without-knowing-why","React Compiler: You'll Stop Copy-Pasting useMemo Without Knowing Why","The era of defensive `useMemo` is over. React Compiler 1.0 reads your data flow and optimizes it silently at build time.","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1773678628080-featured-2vtiff.jpeg","90d47874-7ecf-4ef3-9021-247e6d3f9f7e","2026-03-16T16:30:29.063+00:00",5,196,{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[184],{"slug":39,"name":40},{"id":186,"slug":187,"title":188,"excerpt":189,"image":190,"featured":48,"groupId":191,"publishedAt":192,"readingTime":78,"views":166,"author":193,"category":194,"tags":195},"2636a335-cc85-449c-84f4-46fef654d2b4","nextjs-15-react-19-full-stack-implementation-guide","Next.js 15 + React 19: Full-Stack Implementation Guide","Production-ready patterns for modern React development","https:\u002F\u002Fmfgiomkkbihnlpfdxwrt.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fblog-assets\u002Fmedia\u002Ffeatured\u002F1766806216056-featured-jjk17v.webp","f45b68e5-cb4a-4016-92fb-6a074f0068bd","2025-12-27T02:39:02.232911+00:00",{"name":53,"avatar":9},{"slug":6,"name":7,"color":8},[196],{"slug":39,"name":40},13,{"pt":199,"en":197,"es":179},15]