Welcome!

@CloudExpo Authors: John Worthington, Liz McMillan, Xenia von Wedel, Mauro Carniel, William Schmarzo

Related Topics: Java IoT, Mobile IoT, Agile Computing

Java IoT: Blog Post

Five Tips for Developing a Mobile App with ReactJS | @CloudExpo #Java #Cloud #Mobile

ReactJS for Developing Mobile Apps?

ReactJS is a well-known open-source JavaScript library which has shown considerable growth and immense popularity in the recent years. It was connected with quite a great number of events in IT industry, and this is a clear evidence of its wide recognition by the majority of specialists. React was released by Facebook, and the giants like that never leave hold of their successful pet projects. They early twigged on to React's highly promising nature, and hit the mark - this great tool for building web products is gaining a tremendous pace of winning people's hearts and minds. On top of that, a year ago Facebook released React Native, and numerous advantages of ReactJS were brought to mobile.

They've already felt the difference
Many large, well-respected and well-known companies have enjoyed the numerous benefits of this technology. For instance, lots of elements of Facebook and Instagram systems are React-based. WhatsApp, Airbnb and Feedly has acquired the taste of using its components, while Facebook Groups, Discovery VR, Myntra Discord MoneyLion are built on React Native. An interesting fact - Facebook developers claimed they needed only 5 months to build this application. The adjustment of the same application to Android platforms took only three months! This became possible solely due to the fact that 87% of already written code was reused, claimed Andrew, JS developer at Erminesoft. Actually, the slogan "Learn once, write anywhere" allows to make a mobile app with React Native in record-breaking time. All of the above-mentioned companies has felt the advantages of developing a mobile app with ReactJS.

Why React Native is different
React Native is a kind of a bridge that connects JavaScript and native programming language (Java for Android and Objective-c or Swift for iOS), which allows sending information from JavaScript into native language, and vice versa. Traditionally, developing native applications is a very money-consuming process, since initially they are tuned and adjusted for one platform to work perfectly. When creating an app for iOS and Android in parallel, cross-platform approaches are required, like Cordova or PhoneGap. It allows to cut development costs, but, unfortunately, in the end such apps have a significant amount of downsides, like non-native UI elements, worse performance and necessity to rely upon third-party packages. React Native allows sharing code between platforms. As contrasted with hybrid applications, the ones written in React Native are really native. It managed to take the best features from native and cross-platform development.

Five React Native development tips for tough cookies in mobile development:

  • Forget about tags and HTML. React is deprived of it, unlike front-end work, habitual to many developers. Native components themselves are embedded into React. Using it, you create a bridge, by means of which you connect it with the library.
  • If initially you understand that besides mobile, the application would be created for a web project, it is reasonable to create a mobile application using React Native, and only after that, you may ask your development team to concentrate on web applications, not vice versa. It is recommended since in Native you create a style at once, and when you switch to the web, you don't change anything. Firstly, it is convenient for developers, and secondly - it allows saving time, and, consequently, lowering the cost of the solution.
  • In order to build a mobile app with React Native, one should be familiar with such tools like Flux or Redux, since their synergy with React is outstanding. Their module character allows building app's architecture very effectively.
  • Do not be afraid to use groundbreaking technologies. React Native is an emerging technology, and though it is very promising, community is not reacting (what an eggcorn!) swiftly enough to the possibilities it provides.
  • Good command of Flexbox - a web layout model, used as a new means of placing blocks on the page. It is important to know onions in it, since website coding in browser differs from the one in React Native. Though it is not supported by all browsers, it is essential for writing native apps. Fortunately, it is easy to master it.

On the average, the price of a native application created on React Native would be lower than of the native one created for a specific platform, which is an undeniable advantage for startup owners. However, each specific solution should be assessed individually.

Advantages of using React Native for mobile applications development

  • Stronger developer experience, which is offered by React Native, comparing to standard iOS and Android app building. Since the application is based on JavaScript, programmers get lots of privileges of web development, for example, they can instantly "refresh" the application to see the changes of the code without the need to wait for rebuilding of traditional mobile app. Besides, React Native offers smart error reporting and debugging tools, which make the overall development process easier.
  • Easy switching between platforms. 87% of once written code for iOS application may be reused for the creation of Android one. Such efficient code reusing makes programming with React Native very attractive. Thus, you need to have one JavaScript codebase to bake iOS and Android apps, without sacrificing quality or performance.

Nothing is perfect, and React Native has some drawbacks. Yes, it's still a new project, and some features are constantly changing, some of them are missing, and the best practices are in the process of mastering and discovery. However, its advantages outweigh these headaches. With it, one may create business applications of any kind, you name it.

More Stories By Max Hornostaiev

Max Hornostaiev is CTO of Erminesoft, an app development company.

@CloudExpo Stories
In his session at 21st Cloud Expo, Carl J. Levine, Senior Technical Evangelist for NS1, will objectively discuss how DNS is used to solve Digital Transformation challenges in large SaaS applications, CDNs, AdTech platforms, and other demanding use cases. Carl J. Levine is the Senior Technical Evangelist for NS1. A veteran of the Internet Infrastructure space, he has over a decade of experience with startups, networking protocols and Internet infrastructure, combined with the unique ability to it...
"MobiDev is a software development company and we do complex, custom software development for everybody from entrepreneurs to large enterprises," explained Alan Winters, U.S. Head of Business Development at MobiDev, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
Vulnerability management is vital for large companies that need to secure containers across thousands of hosts, but many struggle to understand how exposed they are when they discover a new high security vulnerability. In his session at 21st Cloud Expo, John Morello, CTO of Twistlock, addressed this pressing concern by introducing the concept of the “Vulnerability Risk Tree API,” which brings all the data together in a simple REST endpoint, allowing companies to easily grasp the severity of the ...
Agile has finally jumped the technology shark, expanding outside the software world. Enterprises are now increasingly adopting Agile practices across their organizations in order to successfully navigate the disruptive waters that threaten to drown them. In our quest for establishing change as a core competency in our organizations, this business-centric notion of Agile is an essential component of Agile Digital Transformation. In the years since the publication of the Agile Manifesto, the conn...
In his session at 21st Cloud Expo, James Henry, Co-CEO/CTO of Calgary Scientific Inc., introduced you to the challenges, solutions and benefits of training AI systems to solve visual problems with an emphasis on improving AIs with continuous training in the field. He explored applications in several industries and discussed technologies that allow the deployment of advanced visualization solutions to the cloud.
Enterprises are adopting Kubernetes to accelerate the development and the delivery of cloud-native applications. However, sharing a Kubernetes cluster between members of the same team can be challenging. And, sharing clusters across multiple teams is even harder. Kubernetes offers several constructs to help implement segmentation and isolation. However, these primitives can be complex to understand and apply. As a result, it’s becoming common for enterprises to end up with several clusters. Thi...
While some developers care passionately about how data centers and clouds are architected, for most, it is only the end result that matters. To the majority of companies, technology exists to solve a business problem, and only delivers value when it is solving that problem. 2017 brings the mainstream adoption of containers for production workloads. In his session at 21st Cloud Expo, Ben McCormack, VP of Operations at Evernote, discussed how data centers of the future will be managed, how the p...
"NetApp is known as a data management leader but we do a lot more than just data management on-prem with the data centers of our customers. We're also big in the hybrid cloud," explained Wes Talbert, Principal Architect at NetApp, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
"Space Monkey by Vivent Smart Home is a product that is a distributed cloud-based edge storage network. Vivent Smart Home, our parent company, is a smart home provider that places a lot of hard drives across homes in North America," explained JT Olds, Director of Engineering, and Brandon Crowfeather, Product Manager, at Vivint Smart Home, in this SYS-CON.tv interview at @ThingsExpo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
The question before companies today is not whether to become intelligent, it’s a question of how and how fast. The key is to adopt and deploy an intelligent application strategy while simultaneously preparing to scale that intelligence. In her session at 21st Cloud Expo, Sangeeta Chakraborty, Chief Customer Officer at Ayasdi, provided a tactical framework to become a truly intelligent enterprise, including how to identify the right applications for AI, how to build a Center of Excellence to oper...
"IBM is really all in on blockchain. We take a look at sort of the history of blockchain ledger technologies. It started out with bitcoin, Ethereum, and IBM evaluated these particular blockchain technologies and found they were anonymous and permissionless and that many companies were looking for permissioned blockchain," stated René Bostic, Technical VP of the IBM Cloud Unit in North America, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Conventi...
Coca-Cola’s Google powered digital signage system lays the groundwork for a more valuable connection between Coke and its customers. Digital signs pair software with high-resolution displays so that a message can be changed instantly based on what the operator wants to communicate or sell. In their Day 3 Keynote at 21st Cloud Expo, Greg Chambers, Global Group Director, Digital Innovation, Coca-Cola, and Vidya Nagarajan, a Senior Product Manager at Google, discussed how from store operations and ...
"Infoblox does DNS, DHCP and IP address management for not only enterprise networks but cloud networks as well. Customers are looking for a single platform that can extend not only in their private enterprise environment but private cloud, public cloud, tracking all the IP space and everything that is going on in that environment," explained Steve Salo, Principal Systems Engineer at Infoblox, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Conventio...
Large industrial manufacturing organizations are adopting the agile principles of cloud software companies. The industrial manufacturing development process has not scaled over time. Now that design CAD teams are geographically distributed, centralizing their work is key. With large multi-gigabyte projects, outdated tools have stifled industrial team agility, time-to-market milestones, and impacted P&L stakeholders.
"ZeroStack is a startup in Silicon Valley. We're solving a very interesting problem around bringing public cloud convenience with private cloud control for enterprises and mid-size companies," explained Kamesh Pemmaraju, VP of Product Management at ZeroStack, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
"We're focused on how to get some of the attributes that you would expect from an Amazon, Azure, Google, and doing that on-prem. We believe today that you can actually get those types of things done with certain architectures available in the market today," explained Steve Conner, VP of Sales at Cloudistics, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
"Codigm is based on the cloud and we are here to explore marketing opportunities in America. Our mission is to make an ecosystem of the SW environment that anyone can understand, learn, teach, and develop the SW on the cloud," explained Sung Tae Ryu, CEO of Codigm, in this SYS-CON.tv interview at 21st Cloud Expo, held Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA.
Data scientists must access high-performance computing resources across a wide-area network. To achieve cloud-based HPC visualization, researchers must transfer datasets and visualization results efficiently. HPC clusters now compute GPU-accelerated visualization in the cloud cluster. To efficiently display results remotely, a high-performance, low-latency protocol transfers the display from the cluster to a remote desktop. Further, tools to easily mount remote datasets and efficiently transfer...
High-velocity engineering teams are applying not only continuous delivery processes, but also lessons in experimentation from established leaders like Amazon, Netflix, and Facebook. These companies have made experimentation a foundation for their release processes, allowing them to try out major feature releases and redesigns within smaller groups before making them broadly available. In his session at 21st Cloud Expo, Brian Lucas, Senior Staff Engineer at Optimizely, discussed how by using ne...
Gemini is Yahoo’s native and search advertising platform. To ensure the quality of a complex distributed system that spans multiple products and components and across various desktop websites and mobile app and web experiences – both Yahoo owned and operated and third-party syndication (supply), with complex interaction with more than a billion users and numerous advertisers globally (demand) – it becomes imperative to automate a set of end-to-end tests 24x7 to detect bugs and regression. In th...