A short task list If you are reading these lines, chances are you will fall into one of categories: two You are a React Native developer, looking for a fast list of resources to send to that new colleague you have to introduce to the framework You are the guy who received the link, and you need to learn React Native by yourself asap In both cases, ! I’m writing this post for this exact reason — . welcome and mainly because I needed it myself this morning and I wasn’t able to find one that satisfied me is an awesome framework, that uses Javascript to let you create — without too much effort — Android and iOS applications at once. It is reaching right now (v0.51), in my opinion, a level of maturity high enough to be considered production ready (some examples? , and ). React Native open source Tesla Airbnb Skype So, what should you do to learn it properly? STEP 0: Install it Pretty straightforward, the first task you have to face is to install it correctly: it may sound simple, but trust me it is a long process: head over to the official docs to learn . how BTW, if you are on Windows and you can’t find a way to make it work, check this from the guys at Infinite Red — which have created one of the best React Native starter kit out there, . blog post Ignite STEP 1: Get the right equipment Naturally, next step is to install an IDE (Integrated development environment) that will allow you to write React Native code flawlessly, providing a set of additional tools to help you out. If you are planning to write code only for React Native, you should consider , which is scoped for RN devs. DECO For the other 99% of us, the choice will be between (to list the most famous) Sublime Text 3, Atom and Visual Studio Code. I probably would suggest going for VSCode, which (among other cool features) has dedicated plugin — moreover it is my current IDE, and I wrote about how I set it up for React Native . this here Independently from the IDE, one thing you should do right away is to install a fantastic plugin called ESLint — which will help you writing correct code. I suggest you follow the wrote about it. guide franzejr STEP 2: Read React Native Express Plain and simple, is the best (IMHO) guide to learn Javascript to write React Native right now. React Native Express It is quite complete, starting from plain Javascript to get to complex topics like state management via Redux and Animations. And it’s completely . Open Source STEP 3: Learn Navigation In the first version of this article, I was living in a happy world when moving between screen seemed to have finally reached a solid solution ( ). react-navigation You see, for a long time navigation in React Native was hard to handle: there were many different navigators (the first one, Experimental, ExNav) and it was quite difficult to learn properly how to use them, let alone integrate them with Redux or MobX. But now... well, it’s still a bit of a mess. I highly suggest you head to the to keep up with which library you should get started with. React Native docs STEP 4: Dive into the framework Once you got a good grasp of React Native (and ), it’s time to get you up to speed: as you may have heard, we are not yet to a 1.x version. its architecture This means that the framework gets regularly updated, once a month to be precise: to keep up the pace, the best way is to keep an eye out for the over the GitHub project, and the document to know how to keep your code updated. release page breaking changes So, what now? You learned the basics; it’s time to jump off that cliff and dive: as I mentioned, React Native is an , which means that it will get better the more everyone will participate and help and code and fix and test and comment stuff around. No matter how little you know, remember that even fixing typos in a README file is a way to get started and help everyone else. Open Source Project So, before you leave, take with you: it’s not a wooden sword, but it will surely help you out. this Happy coding!🤖 Do you like this article? Do you think I missed something huge? Let me know in the comments, or reach out on Twitter .

AirBnB

Facebook

Tesla

Twitter

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Learning React Native: where to start

Too Long; Didn't Read

Companies Mentioned

Lorenzo Sciandra

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Learning React Native: where to start

Too Long; Didn't Read

Companies Mentioned

Lorenzo Sciandra

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES