The design of native mobile application development is a difficult environment. There are different operating systems, a wide range of handset manufacturers and a vast array of screen resolutions to create with. Thankfully, Facebook launched React Native–a platform intended to apply the React approach to mobile application development.
In this discussion, we will create a weather app in real-time, using the free API of OpenWeatherMap.We will address the function with React Native components, icons and styles, and the loading and decoding of JSON data.
Getting started
First, download the GitHub source files. You will notice a “source-imagery” file including the demonstration photos, an ‘article-steps’ file including the source code for each stage (plus comments), and a ‘completed-project’ file including the final project.
To compile the iOS applications (available from the App Store), and the Homebrew OSX package manager, you will require Xcode. Once you have Homebrew installed, you can open a Terminal window and execute the following commands (in case you have issues, here is a guide):
- brew install node to install Node.js
- brew install watchman to install Watchman, a file-watching service
- brew install flow, a static data type checker
- npm install -g react-native-cli to install React Native
Type …
Read more