Starting with new Project : Password Generator AppFor this project we’ll be working with a lot of npm packages which will be usefull when we will be working on other projects in the future… The very first package is yup, yup is a package that is used for validations, well obviously you don’t need to...Jan 1 · 4 min readnatansh.hashnode.dev
Starting with project 2 (STYLER02) - continue to learn React Nativeinstall this extension : now we can use rnfe as shortcut to write code snippet like in React rafce rnfs is also going to give stylesheet with the functional component Now We have created a new Project with appName as STYLER02 This is app.tsx import ...Dec 27, 2025 · 11 min readnatansh.hashnode.dev
Styling in React Native: Flexbox Made Simpleto reload the application just go to cmd where metro is running and press r… Now We’ll create an AppPro.tsx file in root folder AwesomeProject01 and we’ll comment App imports in index.js file and will import AppPro in place of App and also during App...Dec 25, 2025 · 4 min readnatansh.hashnode.dev
Core Components in React Native (View, Text, SafeAreaView)Now, Let’s write our first Hello, World !! program in React Native, for this we’ll clean App.tsx and We’ll write the below given code import React from 'react'; import { View, Text, SafeAreaView } from 'react-native'; function App() { return ( ...Dec 25, 2025 · 3 min readnatansh.hashnode.dev
React Native Project Structure Explained for BeginnersNow, In this article we’ll be discussing about React Native File Structure and best tips and practicesWhen we build our app, project structure looks like this Our __tests__ folder include a typescript file, and by default in react-native typescript ...Dec 25, 2025 · 2 min readnatansh.hashnode.dev
