![]() Now, from the terminal run npm install -g react-native-cli. ![]() Node comes with npm installed you’ll need to update it, however, as it gets updated rather frequently. Another important tool we’ll need is npm. But if that’s not the case, go ahead and install Node too. it can be downloaded free from the App Store.Ĭhances are (if you’re a web developer and reading this in 2016) you already have Node installed. Make sure you have Xcode 7.0 or higher installed. I’d advise that once started you should finish that whole section in one go since they are short, and in that way you’ll get to know the whole concept I am trying to introduce without breaking your flow.įor your reference, the final code for the app we’re building can be found in this GitHub repo. In each section we accomplish a goal that takes us a step closer to finishing our app. This tutorial has been divided into two parts for your convenience. React is the new hot JS library with a lot of potential, and I don’t see it going anywhere in near future. If you haven’t used React before, this tutorial will also set you up with React. We’ll go over setting up a project in Xcode, installing third party modules and components, linking libraries, styling with flexbox, creating a custom gesture listener, and many other things. Takeawaysīy the end of this tutorial, you’ll be familiar enough with React Native to start writing your own apps right away. Therefore, from here on in, this tutorial assumes you’re running Mac OS X. With React Native you can definitely build Android apps on Windows and Linux but not iOS ones. Which requires, yes, even with React Native, that you’re on a Mac. As the title clearly states, in this tutorial we’ll be building an iOS app. Some ES2015 features, namely Classes, Arrow Functions, Destructuring and Template Strings.Isn’t that great?īefore we start, here are some things you should be familiar with: Even if by the end of this tutorial React Native fails to impress you, you’ll still end up having a really cool wallpaper app. ![]() Believe me, I have found myself using this app more than I initially thought. So, unlike some other tutorials where you build counters and barely use them, in this tutorial, together we’ll build ourselves an app that will pull random stunning wallpapers from Unsplash, display them in an aesthetically pleasing way, and allow you to save wallpapers of your choice to the Camera Roll. On the desktop, Unsplash is the one-stop shop for all my wallpaper needs. I’ve never had luck finding the perfect wallpaper app for my iPhone in the App store. Even if you’re not, React luckily happens to be very easy to wrap your head around. React Native is so similar to React (duh!), you’ll feel right at home if you’re already a React developer. Why not? I was already using React and loving it. Reading such a bold assertion made me go ahead and give React Native a shot.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |