How 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, c22DJul 22 · 4 min readprachipurohit.hashnode.dev
React 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 sa21DJun 28 · 4 min readprachipurohit.hashnode.dev
Scrollview 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,02Jun 9 · 2 min readprachipurohit.hashnode.dev
Getting 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 direct2May 31 · 1 min readprachipurohit.hashnode.dev
Setting 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 a2Apr 16 · 2 min readprachipurohit.hashnode.dev