[{"data":1,"prerenderedAt":73},["ShallowReactive",2],{"term-f\u002Ffabric":3,"related-f\u002Ffabric":59},{"id":4,"title":5,"acronym":6,"body":7,"category":40,"description":41,"difficulty":42,"extension":43,"letter":44,"meta":45,"navigation":46,"path":47,"related":48,"seo":53,"sitemap":54,"stem":57,"subcategory":6,"__hash__":58},"terms\u002Fterms\u002Ff\u002Ffabric.md","Fabric",null,{"type":8,"value":9,"toc":33},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 - The Vibe Check",[16,17,18],"p",{},"Fabric is React Native's new rendering system, the one that finally lets JavaScript and the native UI tree talk to each other synchronously instead of shouting across a queue. Old React Native had to guess and batch updates across an async bridge. Fabric skips the guesswork, so your UI updates land exactly when they should.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Fabric is the new renderer in React Native's New Architecture, replacing the legacy UIManager. It uses JSI to synchronously construct and commit the shadow tree between JavaScript and native platform views, enabling synchronous layout measurement and consistent behavior with React's concurrent rendering features.",[11,27,29],{"id":28},"when-youll-hear-this","When You'll Hear This",[16,31,32],{},"\"We upgraded to Fabric and our list scrolling finally stopped jank-jumping mid-scroll.\" \u002F \"Some older third-party components aren't Fabric-compatible yet, check before you migrate.\"",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[37,38,39],{"id":13,"depth":35,"text":14},{"id":21,"depth":35,"text":22},{"id":28,"depth":35,"text":29},"frontend","Fabric is React Native's new rendering system, the one that finally lets JavaScript and the native UI tree talk to each other synchronously instead of shou...","advanced","md","f",{},true,"\u002Fterms\u002Ff\u002Ffabric",[49,50,51,52],"React Native","JSI","TurboModules","Bridge (React Native)",{"title":5,"description":41},{"changefreq":55,"priority":56},"weekly",0.7,"terms\u002Ff\u002Ffabric","rRqMDieuRYwWWyN8QGa_MbQ6y57pcdZ4cwCjjZOiQ8s",[60,63,66,70],{"title":52,"path":61,"acronym":6,"category":40,"difficulty":42,"description":62},"\u002Fterms\u002Fb\u002Fbridge-react-native","The Bridge is React Native's translator between JavaScript and native code.",{"title":50,"path":64,"acronym":6,"category":40,"difficulty":42,"description":65},"\u002Fterms\u002Fj\u002Fjsi","JSI is the direct phone line React Native's new architecture uses instead of passing paper notes back and forth like the old bridge did.",{"title":49,"path":67,"acronym":6,"category":40,"difficulty":68,"description":69},"\u002Fterms\u002Fr\u002Freact-native","intermediate","React Native lets you build iPhone and Android apps using React and JavaScript. It's like React put on a disguise and snuck into the App Store.",{"title":51,"path":71,"acronym":6,"category":40,"difficulty":42,"description":72},"\u002Fterms\u002Ft\u002Fturbomodules","TurboModules are React Native's rewrite of native modules so they load lazily and talk to JavaScript directly through JSI instead of shipping across the ol...",1792528084040]