Getting started with React Native

  • React Native helps you to build apps that no one would ever tell you that you did not use a custom native language such as JAVA or Swift or Objective C. React Native gives you that extra feel.
  • Create React Native App is the easiest way to start building a new React Native application.
  • It allows you to start a project without installing or configuring any tools to build native code – no Xcode or Android Studio installation required.
  • Do a change of directory to the location where you installed the React Native App.
  • NOTE: Create React Native App makes it really easy to run your React Native app on a physical device without setting up a development environment.

Getting to know React Native
Continue reading “Getting started with React Native”

The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2) – Smashing Magazine

Current status: reading my own react native tutorial to recall stuff

  • I added a primitive update mechanism: if the data is stored on device and has not been updated in a week, pull the data across the network again.
  • You see, the components used like the Activity Indicator, AlertIOS, CameraRoll are iOS specific they won’t work on Android.
  • Finally isDoubleTap in the return statement checks if the time difference between the previous and current tap is less than 300 milliseconds ( DOUBLE_TAP_DELAY ), and if the distance between the two consecutive taps is less than 20px ( DOUBLE_TAP_RADIUS ).
  • 23 Alert modal pops up when wallpaper is successfully saved to the Camera Roll.
  • Placing App Icons in appropriate holders.37 Placing App Icons in appropriate holders.

In part 1 of this tutorial we started building our iOS app from scratch. We started out by setting up a blank React Native project. Then we pulled data from the API. Because downloading data takes time, we built a loading screen. In the process we went over positioning UI elements with flexbox and styling them using CSS-like properties. Towards the end of part 1 we downloaded and included a third-party Swiper component from GitHub, which allowed us to display wallpaper data in a swipeable container.
Continue reading “The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2) – Smashing Magazine”