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.

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

• HTML, CSS and JavaScript.
• ReactJS.
• NodeJS should be installed in your system.

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

We have a complete list of all the useful Apps you can create using React Native, which can be helpful in learning core concepts of React Native and building a better resume. Click Below to learn more.

• Top React Native Apps

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 ?

Recent articles on 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