Ppurohitprachiinprachipurohit.hashnode.dev·10h ago · 4 min readHow rendering & re-rendering works in ReactWhat is rendering? Rendering is when code becomes visible, on-screen elements. The simplest example: <body>Hi!</body> in an HTML file, opened in a browser, shows 'Hi!' on the page. That single step, c22P
Ppurohitprachiinprachipurohit.hashnode.dev·Jun 28 · 4 min readReact Native - Brain dumpReact Native is a framework for mobile app development built on top of React. Under the hood it uses Hermes (JS engine), Yoga (layout engine), and Metro (bundler). The mental model is basically the sa21P
Ppurohitprachiinprachipurohit.hashnode.dev·Jun 9 · 2 min readScrollview v/s FlatList in RNScrollView ScrollView renders all its children at once. <ScrollView> {items.map(item => ( <Item key={item.id} /> ))} </ScrollView> If you have 1,000 items, React Native creates and mounts 1,020
Ppurohitprachiinprachipurohit.hashnode.dev·May 31 · 1 min readGetting Started With React NativeAfter Setting up our development environment- we can start with our react native setup! reference: https://reactnative.dev/docs/getting-started-without-a-framework First, create a new project direct20
Ppurohitprachiinprachipurohit.hashnode.dev·Apr 16 · 2 min readSetting up dev environment for react native on WindowsStep 1: Install Node.js Download and install from nodejs.org. Verify the installation: node -v npm -v Step 2: Install a Code Editor Download VS Code from code.visualstudio.com. Any other editor is a20