Code360 powered by Coding Ninjas X Naukri.com. Code360 powered by Coding Ninjas X Naukri.com
Last updated: Jun 9, 2022

React Native App Development

React Native makes application development easier and enables building cross-platform apps, React Native uses javascript and typescript as programming languages. In contrast to learning React Native app development, so we will start with fundamental features, components, and enabling navigation and we will be learning many cool features of mobile app development in react native.
Why Choose React Native for Mobile App Development?

React Native Introduction

React Native is a JS-based mobile app development framework, which enables the development of cross-platform apps easier and faster, In contrast, to learn this framework, we need to start with the basic features of react native, setting up the environment, and what are components.
Introduction to React Native EASY
In this blog, you will get introduced to the fundamental concepts of React Native and explore the various features present in React Native.
Difference Between ReactJs and React Native EASY
In this blog, you will learn about the difference between ReactJs and React Native.
React Native vs Swift EASY
This article aims to explore and compare these two frameworks, looking at their features, similarities, differences, and use cases.
React Native Reanimated MEDIUM
In this blog, we will learn about react native reanimated. We will understand its core concepts and learn about its advantages and disadvantages and much more.
useImperativeHandle MEDIUM
In this blog, we will learn about useImperativeHandle. We will understand its core concepts, its usage, advantages and disadvantages, and much more for better understanding.
React MUI Stepper MEDIUM
In this blog, we will learn about React MUI Stepper. We will learn about its characteristics, features, examples and much more for better understanding.
React Native Calendars EASY
In this blog, we will learn about React Native Calendars. We will understand its core concepts, its usage, and much more for better understanding.
React Loader Spinner EASY
In this blog, we will learn about React Loader Spinner. We will understand its core concepts, its usage, and much more for better understanding.
React Responsive Carousel EASY
In this blog, we will learn about React Responsive Carousel. We will understand its core concepts, its usage, and much more for better understanding.
What is useeffect in react? MEDIUM
In this blog, we will learn about What is useeffect in react? We will understand its core concepts, structure, ways of controlling side effects in useEffect Hook, advantages and disadvantages, and much more for better understanding.
React Native Permissions EASY
In this blog, we will learn about React Native Permissions. We will understand its core concepts, its usage, and much more for better understanding.
React Native Development Environment Setup
In this blog, we will see a step by step procedure to set up the React Native Development environment on your system.
First App on React Native EASY
In this blog, you will learn about how to build a basic app in react native.
React Native SVG MEDIUM
This article will discuss React Native SVG, which provides a user-friendly interface to display images.
Author Arya27
0 upvotes
React Basics and Components EASY
In this blog, we will learn about React fundamentals and will also see different types of components that are available in React.

React Native Components

Components are the basic building block of react native apps, components can be bigger or smaller depending on the functionality, like buttons, tables, gridview, layouts, flatList. Components altogether form screens which are required as per requirements.
React Native View Component
In this article, we will learn about the basics of React Native View.
React Native Styling EASY
In this article, we will learn about the basics of React Native Styling.
React Native Colour Reference EASY
In this article, we will learn about the basics of React Native Color Reference.
React Native State
The article discusses React Native State. We will see its uses and see how React Native State functions with the help of an example.
React Native Status Bar EASY
In this blog, we will discuss React Native Status Bar in-depth and see its implementation with the help of an example.
React Native Props
This article will take you through React Native Props.
Props Drilling EASY
Props Drilling is a practice where props pass from parent components to one or lower-level components. This is a very common practice that all developers face.
React Native Height and Width
This article will take you through setting the Height and Weight of a component in React Native.
React Devtools EASY
In this blog, we will learn about react devtools. We will learn about how to use and add the extension. We will also write an example for better understanding.
React Native Buttons
In this article, we will learn to implement buttons in react native.
React Native Layout and Flexbox EASY
In this blog, we will learn about a flexbox algorithm in react, with its different properties and suitable examples of some properties.
Reverse Polish Notation EASY
In this blog, we will learn about Reverse Polish Notation. We will understand its core concepts, its usage, and much more for better understanding.
React Native Positioning Elements with flex EASY
In this blog, we will learn about various positioning of elements with flex with their proper examples containing code and output
React Native Using Scrollview
This article will study the scroll view component with its implementation.
React Native ListView EASY
In this blog, we will learn about React Native ListView component, its feature, and its uses.
React Native Flatlist EASY
In this blog, we will learn about React Native Flatlist, its uses, and how it is implemented with the help of code examples.
React Native SectionList
This article will learn about the section list with its different props and methods.
React Native Touchables
In this article, we will discuss about react-native touchables and also implement the code to build different touchables in react-native.
React Native Handling TextInput EASY
In this blog, we will learn about text input in react native and some of its props, followed by examples to better understand the same.
Activity Indicator in React Native EASY
In this blog, you will learn how to use activity indicators in react native.
React Native Picker EASY
In this blog, you will learn about Picker in React Native. We will discuss how pickers can be used in a React Native program.
React Native Switch EASY
In this blog, you will learn about Switch in React Native. We will discuss how switches can be used in a React Native program.
React Native Webview EASY
In this blog, you will learn about Webview in React Native. We will discuss how web views can be used in a React Native program.
React Native Progress Bar EASY
In this blog, you will learn about React Native Progress Bar, which is used to show the progress of a task in a visually appealing way.
React Native Image EASY
In this blog, we will learn about working with React Native Images and will see example applications along with their implementations.
React Native Video Player MEDIUM
In this blog, we will discuss installation, embedding Video, and playing local and remote video files using React Native Video Player.

React Native Navigation and Routing

Learn how navigation and routing work in react native, react native router, and why navigation is important. Navigation allows us to switch between different screens, and pass data from one layout to another. We will be creating some applications involving routing and navigation features.
Navigation in React Native EASY
In this blog, you will learn how to use the navigation in react native.
Router in React Native EASY
In this blog, you will learn how to use a router in react native.
Configuring Headers in React Native EASY
In this blog, you will learn how to configure and design the header bar in react native.
Moving between Screens in React Native EASY
In this blog, you will learn how to move between the screens in react native.
Passing Values Between Screens in React Native EASY
In this blog, you will learn how to pass values from one screen to another in react native.
React Native Tab Navigation EASY
In this blog, you will learn about Tab navigation in React Native. We will discuss how different tabs can be created and customized using tab navigation.
React Native Icons at Bottom Tab Navigation
In this blog, you will learn about icons. We will discuss how to add icons at the bottom of tab navigation.
React-native-safe-area-context EASY
This article will discuss React Native safe area context, a library that can handle safe areas in React Native applications.
Author Arya27
0 upvotes
Creating Material Bottom Tab Navigator in React Native
In this blog, we'll discuss the bottom-of-the-screen tab bar with a material design using react-native.
React Native Create Material Top Tab Navigator EASY
In this blog, we will learn about the top tab navigator in React Native and its implementation.
React Native Drawer Navigation MEDIUM
In this blog, you will learn about Drawer Navigation in React Native. We will discuss how drawer navigation can be used in a React Native program.

React native Advanced Concepts

In Contrast to learn advanced features of react native app development, how REST API Integration works, learn about database connections, supported typescript, async code, measured performance and debugging, profiling, and working with APIs, and services. These features add exceptional capabilities to our react native apps and make them more usable and practical. We will also learn to implement features specific to the Android and iOS platforms.
React Native AsyncStorage EASY
The purpose of this article is to explain how AsyncStorage works, its importance, its use cases, and how to use them to interact with a data storage system. 
React Native Async Storage methods
In this blog, we will learn what AsyncStorage is and how to use it in React Native. We will also learn about different methods of AsyncStorage.
React Native Animations
In this blog, we will discuss animation in React Native in great depth. We will discuss two complementary animation libraries: Animated and LayoutAnimation with proper examples.
React Native with Google Maps EASY
The purpose of this tutorial is to demonstrate how to integrate Google Maps API into React components so that you can display maps on your website.
React Native working with modals
In this blog, we'll understand modals and their properties and work with examples in react native.
React Native Paper EASY
In this blog, we will learn about React Native Paper. We will understand the key features and why we chose React Native Paper.
React Native splash Screen
In this blog, we will learn about splash-screen in react native. We will learn how to create a splash screen in android and ios using react-native.
React Native Linear Gradient EASY
React Native Linear Gradient is a simple library that untangle the process of adding linear gradients to React Native applications.
React Native Vector Icons
In this article, we will learn about vector icons with their types with the help of an example.
Native Modules
In this blog, we will learn about Native Modules in React Native.
Android Native Components EASY
In this article, we will discuss native UI components and how they can be built and used in React Native.
iOS Native Components
In this blog, we will be studying the critical native UI components in detail.
React Native Running IOS Apps
In this blog, we will be studying the demonstration of building iOS apps using React Native.
Headless JS React Native
In this blog, we will be studying Headless JS, Retries, and Caveats.
Running React Native Apps on Android EASY
In this article, we'll show you how to run a react native app on an android device or emulator.
React Native Debugging
Debugging code is now easier with React native's APIs. It offers multiple methods that help in debugging your code. In this article, we will learn about React Native Debugging.
React Native API Integration
React Native is an open-source javascript framework that is used for building android/iOS applications. In this article, we will learn to integrate APIs into a react native application.
Realm for React Native EASY
This article discusses the Realm mobile database and its SDK for React Native.
React Native Testing
One of the most popular frameworks for developing mobile apps is React Native. In this article, we will explore various testing methods in React Native applications.
Support With Typescript EASY
In this blog, we will discuss Typescript in React and later we will discuss how we migrate it into an ongoing project and add components to it.
React Native App Security EASY
In this blog, we will discuss the various React Native security issues and their solutions.
React Native App Performance MEDIUM
In this blog, we will learn about the React Native App’s Performance and how to improve it.
React Native Profiling
In this blog, we will learn about React Native Profiling, its importance, and its methods.
Using Hermes for React Native
In this blog, we'll look at Hermes, the advantages of Hermes, and how to enable Hermes on Android and iOS.
React Native New Architecture MEDIUM
In this blog, we will learn about React Native New Architecture, how it is being implemented, and its advantages over Old React Native Architecture.