Create React Native Mobile App Using Expo Framework
Step-1 npx create-expo-app@latest Need to install the following packages: create-expo-app@3.2.0 Ok to proceed? (y) y Creating an Expo project using the default template. To choose from all available templates pass in the –template arg: $ npx create-expo-app –template To choose from all available examples pass in the –example arg: $ npx create-expo-app –example ? What is your app named? » my-app Step-2 – cd my-app – npx expo start Step-3 npm run reset-project Step-4 File: index.tsx Code: import { Text, View } from “react-native”; const Index = () => { return ( <View style={{ backgroundColor: “red”, flex: 1, justifyContent: “center”, alignItems: “center”, }} > <Text style={{fontSize: 30, fontWeight: 700, color: “white”}}> Welcome to React Native </Text> </View> ); }; export default Index;
3 Make First Program
React Native First Program How to start App again? npx create-expo-app@latest npx create-expo-app@latest –template React-Native-Projects-Folder>npx create-expo-app@latest Need to install the following packages: create-expo-app@3.1.1 Ok to proceed? (y) y Creating an Expo project using the default template. To choose from all available templates pass in the –template arg: $ npx create-expo-app –template To choose from all available examples pass in the –example arg: $ npx create-expo-app –example ? What is your app named? » firstproject ✅ Your project is ready! To run your project, navigate to the directory and run one of the following npm commands. – cd firstproject – npm run android – npm run ios # you need to use macOS to build the iOS project – use the Expo app if you need to do iOS development without a Mac – npm run web npm notice npm notice New minor version of npm available! 10.8.3 -> 10.9.0 npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.9.0 npm notice To update run: npm install -g npm@10.9.0 npm notice Your-Projects-Folder>cd firstproject Your-Projects-Folder\firstproject> —————————————————— Make the First Change in App. Just Keep Simplest Code only. Interview Question. Q. What is difference between React Native and React js ? A. React JS is a JavaScript library used for building user interfaces for web applications, while React Native is a framework used for building mobile applications for iOS and Android using JavaScript.
2 React Native Setup in Windows Android environment
How to set up an Android environment in Windows OS for react native? We will follow official docs for React Native Setup Install choco, node, and JDK Install Android Studio Downloads SDK and emulator Add environment variables Create React Native App Run app
What is react native | why should react native learn
What is React Native? Framework for Development Android and IOS apps. Written in JavaScript with Reactjs. It will convert code to native apps. Current stable version 0.70 Initial release date: 26 March 2015 Why learn React Native? Make Android, IOS, amd many more platform app Height demand. Easy to learn and develop apps If you know react js, you can easily learn React Native Maintained by Facebook so this is a long term player Main Topics of Course Setup and install React Native React Native basics Components Hooks and Lifecycle Navigation Handle List From handling Rest APIs Redux Project Interview Questions Support me by Like Subscribe and Comment
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
