React Native - SkillBakery Studios


Post Top Ad

Post Top Ad

Monday, June 29, 2020

React Native

Mobile phones are the most widely used gadgets. Every individual has access and knowledge to the user interface.
So the companies who are into mobile development often get confused about what to offer to their consumers. They often consider applications that are compatible with multiple platforms and are faster to develop.
React native is among those which comes into the picture and is now very popular among mobile application developers.

What is React Native?

A React native application is a real mobile application with react native, you don’t build a “mobile web application”. You build a real mobile application that’s undisguisable from an application built using Java or Objective-C.
React Native uses the same fundamentals UI building blocks as regular Java or IOS applications. You have to just put those building blocks together using JavaScript & React.

Fundamentals of React Native

React Native is a JavaScript framework for developing mobile applications that can run natively on both android and ios.
In this blog post, we are going to explore what React Native is and how can it be used to build native android and ios applications.
React Native is based on ReactJs developed at Facebook which is a component-based framework.
React Native is compiled from a single javascript codebase which helps reuse of that code between android ios.

Mobile application can be divided into two parts

•          User interface (component like button, input fields, etc.)
•          Logic layer (like data manipulation, calculation, storage)

Now we can learn how a single codebase handles those. React Native lets you build your application fasts. Instead of recompiling, you can reload your application instantly. with hot reloading, you can even run new code while retaining your application state.
React native uses JSX, an XML markup language for developing user interface which is a replacement of HTML and CSS. 

With JSX, user interface components are compiled into the native platform component.

React Native framework Environment

It is an open-source framework compatible with other platforms. React Native is a great pick for developers who knows and have to experience in javascript.
React Native gains popularity in these years because it can work on both platforms. 
So big companies shifted their interest towards React Native.

Why big companies are using React native

The major reason to use react native is cross-platform nature which means it can work on multiple OS.
As a developer, we have to write one set of codes i.e. JavaScript and it will work on multiple platforms.

Installing React Native Windows/Mac/Linux

Code for the first "Hello world " in react native

[code] // Hello world in React Native import React from 'react'; import { Text, View } from 'react-native'; function HelloWorldApp() { return ( Hello, world! ) }[/code] export default HelloWorldApp;

Creating Sample android application and running it on windows.

Let's get started
To create the
Write react-native init<project name>

Make sure you have java home & android home set in your path.

Now, Open the project in android studio.

Then on the command prompt execute the command.
React-native run-android

Use CTRL+m to see the content menu option in your application
If exception comes you can select debugging option from the android studio.

Above is the rough example of how to create your first react native application.
If you wish and I am sure you will be interested in learning this framework to develop interesting mobile applications for you and your company.

So come visit our page for all the details:

No comments:

Post a Comment

Post Top Ad