React Native Advanced Concepts

React Native Tutorial

React Native is a framework developed by Facebook for creating native-style applications for Android & iOS under one common language, i.e. JavaScript. Initially, Facebook only developed React Native to support iOS. However, with its recent support of the Android operating system, the library can now render mobile UIs for both platforms.

Table of Content

  • Why Learn React Native?
  • Prerequisites for Learning React Native
  • React Native Basic Concepts
  • React Native Components
  • React Native API
  • UI Elements in React Native
  • React Native Advanced Concepts
  • Notable Apps Using React Native
  • Learn More About React Native
  • FAQs on React Native

Similar Reads

Why Learn React Native?

React Native allows developers to create mobile apps using website technology. So a developer who is handy in web development can easily develop a mobile app using React Native. React Native allows developers to build cross-platform apps that look and feel entirely Native since it uses JavaScript components that are both built on iOS and Android components. Since React Native uses JSX, a developer isn’t required to learn complex languages. React Native uses fundamental Android and iOS building blocks to compile Native apps for both platforms in JavaScript. This makes handling the code base easier. React Native allows you to build apps faster. Instead of recompiling, you can reload an app instantly. In React Native we can easily develop and test features by using various libraries and tools like Expo, ESLint, Jest, and Redux. On top of being responsive and providing an impressive user experience, React Native apps are faster and agile. React Native uses Native components which makes the rendering and execution of the app much faster....

Prerequisites for Learning React Native:

To begin with React-Native you should have a basic knowledge of the following technologies...

React Native Basic Concepts

Introduction First React Native Application Working of React Native Bridging in React Native React VS React Native Debugging in React Native...

React Native Components

Importing a Component ListView Component ScrollView Component Tab Navigation Component Drawer Navigation Component ActivityIndicator Component Dumb Components TouchableHighlight Component FlatList Component AsyncStorage Component Button Component Text Input Component Pressable Component...

React Native API

Switch API Alert API...

UI Elements in React Native

Styling Elements Buttons Radio Buttons Table Searchbar Fade in Fade Out Animation Background Image Floating Action Button Progress Bar Avatar...

React Native Advanced Concepts

Axios in React Native Fetch Data from local JSON file Centering a Component Passing values between screens Sending Post request from Frontend Logging in React Native props in React Native Threads in React Native Adding Menus using Material Design Getting Window height and width Solving unhandled promise rejection Get Platform and Device Details...

Notable Apps Using React Native

ToDo App Calendar App Emoji Picker App Password Manager App BMI Calculator App Blog App...

Learn More About React Native:

Axios in React Native How to create a table in react-native ? Multi-Language support in React Native How to fetch data from a local JSON file in React Native ? How to import components in React Native ?...

FAQ’s on React Native

1. Can I use React Native for web development? Ans. React Native is designed for mobile applications, but with the help of progressive libraries, we can create web applications as well. 2 .What is the difference between React and React Native? Ans. React JS is a library of JavaScript that is used for web development, whereas React Native is a framework used to design mobile applications. 3. What platforms can React Native run on? Ans. React native Apps can run on a wide variety of platforms including Android, AndroidTV, iOS, MacOS as well as Windows. 4. What languages to learn for React Native? Ans. To start building applications in React Native you need a deep knowledge of JSX Syntax which is a blend of JavaScript and HTML language...