Welcome!

@CloudExpo Authors: Zakia Bouachraoui, Yeshim Deniz, Liz McMillan, Pat Romanski, Jason Bloomberg

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
All in Mobile is a place where we continually maximize their impact by fostering understanding, empathy, insights, creativity and joy. They believe that a truly useful and desirable mobile app doesn't need the brightest idea or the most advanced technology. A great product begins with understanding people. It's easy to think that customers will love your app, but can you justify it? They make sure your final app is something that users truly want and need. The only way to do this is by researching target group and involving users in the designing process.
Digital Transformation and Disruption, Amazon Style - What You Can Learn. Chris Kocher is a co-founder of Grey Heron, a management and strategic marketing consulting firm. He has 25+ years in both strategic and hands-on operating experience helping executives and investors build revenues and shareholder value. He has consulted with over 130 companies on innovating with new business models, product strategies and monetization. Chris has held management positions at HP and Symantec in addition to advisory roles at startups. He has worked extensively on monetization, SAAS, IoT, ecosystems, partnerships and accelerating growth in new business initiatives.
Whenever a new technology hits the high points of hype, everyone starts talking about it like it will solve all their business problems. Blockchain is one of those technologies. According to Gartner's latest report on the hype cycle of emerging technologies, blockchain has just passed the peak of their hype cycle curve. If you read the news articles about it, one would think it has taken over the technology world. No disruptive technology is without its challenges and potential impediments that frequently get lost in the hype. The panel will discuss their perspective on what they see as they key challenges and/or impediments to adoption, and how they see those issues could be resolved or mitigated.
Lori MacVittie is a subject matter expert on emerging technology responsible for outbound evangelism across F5's entire product suite. MacVittie has extensive development and technical architecture experience in both high-tech and enterprise organizations, in addition to network and systems administration expertise. Prior to joining F5, MacVittie was an award-winning technology editor at Network Computing Magazine where she evaluated and tested application-focused technologies including app security and encryption-related solutions. She holds a B.S. in Information and Computing Science from the University of Wisconsin at Green Bay, and an M.S. in Computer Science from Nova Southeastern University, and is an O'Reilly author.
DXWorldEXPO LLC announced today that Nutanix has been named "Platinum Sponsor" of CloudEXPO | DevOpsSUMMIT | DXWorldEXPO New York, which will take place November 12-13, 2018 in New York City. Nutanix makes infrastructure invisible, elevating IT to focus on the applications and services that power their business. The Nutanix Enterprise Cloud Platform blends web-scale engineering and consumer-grade design to natively converge server, storage, virtualization and networking into a resilient, software-defined solution with rich machine intelligence.