<\/span><\/h2>\n\n\n\nReact-Native is a framework used to create mobile apps on two operating systems at once, namely Android and iOS. For this reason, React Native is also called a cross-platform network because you can create one application that can be used on various platforms, namely Android and iOS.<\/p>\n\n\n\n
In building an app, you need to learn a programming language that is specific or specific (also known as ‘Native’) for that platform. This is because each operating system has a different programming language.<\/p>\n\n\n\n
To create applications on Android, you need to learn the Java programming language. Meanwhile, to create applications on iOS, you need to learn to use the Objective C or Swift programming languages. But by using React Native as a framework, you no longer need to do that specific thing.<\/p>\n\n\n\n
Instead of using Java or Objective C or Swift, you only need to learn the Javascript programming language to be able to create applications using this platform. Javascript itself is commonly used by developers in creating websites.<\/p>\n\n\n\n
So, using this platform, you only need to create one application. You no longer need to create multiple versions of applications that are compatible with the existing operating system.<\/p>\n\n\n\n
<\/span>Understand This Before Learning React-Native<\/strong><\/span><\/h2>\n\n\n\nBefore learning to use React Native, you should have the following basic knowledge:<\/p>\n\n\n\n
- HTML. Markup language to structure web pages.<\/li>
- CSS. Style sheet language for designing the appearance of the website.<\/li>
- Basic JavaScript. The programming language that makes interactive websites and their features work.<\/li>
- ECMAScript 6 (ES6). Modern versions of JavaScript that bring new features (modules, arrow functions, classes, etc.).<\/li>
- JavaScript XML (JSX). Additional JavaScript that allows developers to adapt HTML in React.<\/li>
- react. A JavaScript library for building the User Interface (UI) of a website or web application. React Native uses the React environment in app development.<\/li><\/ul>\n\n\n\n
<\/span>How React-Native Works<\/strong><\/span><\/h2>\n\n\n\nAs explained above, react-native is a framework written in a mixed language between Javascript and JXL, a special markup code that resembles XML.<\/p>\n\n\n\n
This framework is capable of communicating with two domains at once, namely threads based on Javascript and threads from native apps. Then, how to communicate it?<\/p>\n\n\n\n
Well, react native uses a bridge.<\/p>\n\n\n\n
Javascript and native threads are written in 2 different languages. However, the bridging feature of react-native allows this framework for two-way communication. Which means, that when a developer already has an app whether it’s based on Android or iOS, they can still use its components while using React Native.<\/p>\n\n\n\n
<\/span>The Advantages<\/strong><\/span><\/h2>\n\n\n\n- Ease from the Technical Side<\/strong><\/li><\/ul>\n\n\n\n
First, the strength of react native is that the program development process is easy to learn and implement. Today there are lots of tutorials or online courses to learn React Native.<\/p>\n\n\n\n
- Applications Can Run Faster<\/strong><\/li><\/ul>\n\n\n\n
Many states that Javascript will not make applications run faster when using native code. However, this assumption was successfully dismissed when an experiment was conducted.<\/p>\n\n\n\n
In the experiment, it was found that the performance of applications using native code and react-native had the same results.<\/p>\n\n\n\n
So in addition to its ease of code generation, react-native can also affect the running speed of an app.<\/p>\n\n\n\n
- Not Require Large Resources<\/strong><\/li><\/ul>\n\n\n\n
You simply use a variety of existing templates, you only need to take advantage of them. Then you will see the results immediately.<\/p>\n\n\n\n
- Save Cost<\/strong><\/li><\/ul>\n\n\n\n
This is the reason why many startup companies love React Native. When developing with React Native, of course, companies don’t have to pay two teams to work on Android and iOS separately.<\/p>\n\n\n\n
- Has a Large Developer Community<\/strong><\/li><\/ul>\n\n\n\n
React Native is a framework that has been widely used by large companies, such as Facebook, Instagram, Tesla, and Walmart.<\/p>\n\n\n\n
<\/span>The Disadvantages<\/strong><\/span><\/h2>\n\n\n\n- Very Fast Developing JavaScript<\/strong><\/li><\/ul>\n\n\n\n
JavaScript is a weakness of React Native because it evolves so fast that in effect some things can’t be done as expected.<\/p>\n\n\n\n
- Skeleton<\/strong><\/li><\/ul>\n\n\n\n
Just like JavaScript, the React Native framework is also a weakness in itself because changes occur so quickly.<\/p>\n\n\n\n
- Platforms<\/strong><\/li><\/ul>\n\n\n\n
As we know, to be able to develop iOS-based mobile applications, developers must also use MAC OS devices because this operating system is exclusively only available on Mac, so at least you have to provide a Macbook.<\/p>\n\n\n\n
- Performance<\/strong><\/li><\/ul>\n\n\n\n
Humans will never be satisfied with the performance, so it still has something to do with React Native performance in general among developers. Well, for those of you who have less opinion, this is certainly a negative point about the shortcomings of React Native.<\/p>\n\n\n\n
<\/span>How to Learn React-Native for Beginners<\/strong><\/span><\/h2>\n\n\n\n- Perform NodeJS Installation<\/strong><\/li><\/ul>\n\n\n\n
First, install NodeJS which is the runtime to run Javascript. Where all Javascript programs that are outside the browser will be used.<\/p>\n\n\n\n
- Installing NPM or Yarn<\/strong><\/li><\/ul>\n\n\n\n
Install NPM or Yarn as a NodeJS project maintainer. The NPM installation process will be done automatically when you have NodeJS installed. Meanwhile, you have to install Yarn manually.<\/p>\n\n\n\n
- JDK<\/strong><\/li><\/ul>\n\n\n\n
Third, you need to prepare the Java Development Kit. The goal is to compile an application or software into an APK.<\/p>\n\n\n\n
- Using Android SDK<\/strong><\/li><\/ul>\n\n\n\n
Lastly, the Software Development Kit. If you have successfully downloaded and installed it, then you will have the Android directory on your Home menu.<\/p>\n","protected":false},"excerpt":{"rendered":"
React-Native is a JavaScript framework that makes application development activities by front-end developers more practical. One of the keys to creating time-saving applications depends on the front-end framework used. With a handy framework, you can build applications without wasting resources and energy. Unlike other frameworks, React Native is cross-platform. This means that you can create…<\/p>\n","protected":false},"author":1,"featured_media":3080,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[124],"tags":[33,24,65],"yoast_head":"\n
React-Native: a Suitable Front End Framework for Beginners<\/title>\n<meta name=\"description\" content=\"React-Native is a framework used to create mobile apps on two operating systems at once, namely Android and iOS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"React-Native: a Suitable Front End Framework for Beginners\" \/>\n<meta name=\"twitter:description\" content=\"React-Native is a framework used to create mobile apps on two operating systems at once, namely Android and iOS.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2022\/05\/rn.png\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"dazzakah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React-Native: a Suitable Front End Framework for Beginners","description":"React-Native is a framework used to create mobile apps on two operating systems at once, namely Android and iOS.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/","twitter_card":"summary_large_image","twitter_title":"React-Native: a Suitable Front End Framework for Beginners","twitter_description":"React-Native is a framework used to create mobile apps on two operating systems at once, namely Android and iOS.","twitter_image":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2022\/05\/rn.png","twitter_misc":{"Written by":"dazzakah","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/#article","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/"},"author":{"name":"dazzakah","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/7425111422eb76dd4b88fef33e161b35"},"headline":"React-Native: a Suitable Front End Framework for Beginners","datePublished":"2022-05-12T06:01:22+00:00","dateModified":"2022-05-26T06:05:59+00:00","mainEntityOfPage":{"@id":"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/"},"wordCount":942,"commentCount":0,"publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"keywords":["Technology","web development","Website Development"],"articleSection":["Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/","url":"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/","name":"React-Native: a Suitable Front End Framework for Beginners","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/#website"},"datePublished":"2022-05-12T06:01:22+00:00","dateModified":"2022-05-26T06:05:59+00:00","description":"React-Native is a framework used to create mobile apps on two operating systems at once, namely Android and iOS.","breadcrumb":{"@id":"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sagaratechnology.com\/blog\/react-native-a-suitable-front-end-framework-for-beginners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sagaratechnology.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Technology","item":"https:\/\/sagaratechnology.com\/blog\/category\/technology\/"},{"@type":"ListItem","position":3,"name":"React-Native: a Suitable Front End Framework for Beginners"}]},{"@type":"WebSite","@id":"https:\/\/sagaratechnology.com\/blog\/#website","url":"https:\/\/sagaratechnology.com\/blog\/","name":"Sagara Asia Blog","description":"Dapatkan Informasi Seputar Teknologi dan Bisnis","publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sagaratechnology.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sagaratechnology.com\/blog\/#organization","name":"Sagara Technology","url":"https:\/\/sagaratechnology.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","contentUrl":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","width":200,"height":200,"caption":"Sagara Technology"},"image":{"@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/sagara-asia\/"]},{"@type":"Person","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/7425111422eb76dd4b88fef33e161b35","name":"dazzakah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4d059363987f08ca6599822ee4e6f6f2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4d059363987f08ca6599822ee4e6f6f2?s=96&d=mm&r=g","caption":"dazzakah"}}]}},"_links":{"self":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/3078"}],"collection":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/comments?post=3078"}],"version-history":[{"count":1,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/3078\/revisions"}],"predecessor-version":[{"id":3079,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/3078\/revisions\/3079"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media\/3080"}],"wp:attachment":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media?parent=3078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/categories?post=3078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/tags?post=3078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}