React-Native-Image-Picker

React Native: React Native Image Picker

After getting a sound understanding of React Native: Redux, we will discuss React Native: React Native Image Picker. A React Native module that enables you to utilize the native user interface to choose a photograph/video from the device library or directly from the camera, as so:   This library began as a basic bridge of..

Read more

React Native: Redux

Once you are done with React Native: Networking, let’s move towards React Native: Redux. Redux is an anticipated state container for JavaScript applications. It assists you to write applications that behave reliably, run in various environments.” this implies the whole information flow of the application is handled within a single container while enduring the previous..

Read more

React Native: Networking

Before jumping into React Native: Networking, you must have an understanding of React Native: ListView. Numerous mobile applications need to load data from a remote URL. You might need to make a POST request to a REST API, or you may need to fetch some information from another server. Using Fetch React Native gives the..

Read more

React Native: List View

React Native: List view comes after React Native: Text Input Handling & Scroll View. Native gives a suite of components for showing lists of data. You will want to utilize either FlatList or SectionList. The FlatList components show a scrolling list of changing, however the same structured, data. FlatList functions perfectly for a long list..

Read more

React Native: Handling Text Input & Scroll View

After getting done with React Native: Styling and Layout with Flex, now we’ll discuss React Native: Handling Text Input &Scroll View. TextInput is an elementary component that allows the user to enter text. It has an onChangeText prop that takes a function to be requested every time the text changed, and an onSubmitEditing prop that takes a function to be..

Read more
React-Native-tyling-&-Layout-with-Flex

React Native: Styling & Layout with Flex

Once you have complete understanding of State and Props in React Native here, we are with all about style and Layout Flex in React Native. With React Native, you style your app using JavaScript. The majority of the core components accept a prop named style. The style names and their values generally match how CSS works on the..

Read more
React-Native-#4-Props-and-State

Props and State in React Native

After getting the complete understanding of between functional and class components in React Native: Components. Let’s discuss Props and State in detail. Props and State are the two kinds of data that control a component. Props Props are short for Properties. The general rule of thumb is props ought not to be changed. In the world..

Read more

React Native: Components

After installing and creating a new project of React-Native-App as demonstrated in React Native: Getting Started and creating a React Native: Hello World app here is a further guide  a difference between functional and class components in React and which one is the right choice for you?  The simplest approach to define a component in..

Read more
React-Native-Hello-World-App

React Native: Hello World App

After installing and creating a new project of React-Native-App as demonstrated in React Native: Getting Started, here is a further guide to show a simple and basic message saying “Hello World” remove the CSS part and insert the message to be printed wrapped by the <text></text> labels inside <view></view> as demonstrated as follow:    Lets..

Read more

React Native: Getting Started

React Native is a JavaScript system for building native mobile applications. It uses the React structure and offers a large number of inbuilt components and APIs.  React Native allows you to build mobile applications using only JavaScript. It uses the same structure as React, enables you to compose a rich mobile user interface (UI) from..
Read more