Each component is broken down into sub components wherever it makes sense. React, in its simplest form is a way to write modular, reusable code. Then I turn on live reload (command + D opens the dev menu on iOS and control + D on Android) and begin developing!Ī quick note about React-style applications: If you are new to this, it can feel a little strange to return your view from your. One command creates a folder with all your Xcode and Android set up as well as a starter app ready for the emulator.Īfter getting it to run in the simulator, I create a ‘src’ directory to put all my code in. Where React Native outdoes React is on it’s simple set up for apps. (I changed the menu from the right side to the left side after this) Setting Up the React Native App Here are some mockups to give you an idea. Since the web app is in React, I figured it would be easier to build the Native version in iOS and Android at the same time using React Native. I have a web app completed in alpha, however, the app required the use of geolocation, augmented reality, and some other features, so I am building a mobile app to complement the one for the web. Now I am building an app to gamify recycling in Indiana. It shares the same workflow as a React application for the web which is pretty easy to reason about and find where things are quickly. It has great, web-like developer tools, lets me use NPM packages plus a lot of great react-native ones, and also produces faster, smoother apps than Cordova or Ionic. I have been working on a lot of mobile projects lately - including Cordova, PhoneGap, React Native, some Ionic and Swift - but I have to say, React Native is by far the best experience in mobile development I have had so far.
0 Comments
Leave a Reply. |