How To learn React Native | Tips & Resources
Sohad Dader

How To learn React Native | Tips & Resources

I started developing with React Native in December 2017. I have now shipped 2 apps (iOS/Android) and I start with the third one, and now I working for a company as a Full time React Native developer. 

I would like to mention that I learned the React Native by my self from the Internet. And actually, before I start with React Native I worked as a Full Stack JavaScript Developer, then as a React Developer. So it's helped me to learn React Native easily.

So, If you know React you can start with React native and you will find it very easy and similar. 

Many developers who work on Android or iOS background experience can start with RN. Because they know about mobile development environment. I learned android about three years ago and I shipped just one application. But I don’t think that the Android and iOS is strictly necessary to start with RN (you can start with RN if you didn't have any background with mobile development).

If you are serious to learn it, just put a plan, work hard and I will put here some resources that I think it will be helpful to learn it.

  • Start by reading the getting started tutorial and try to run it on your machine. It’s the first thing I did. This will give you a sense of what we are talking about. Getting Started – React Native | A framework for building native apps using React
  • Read about the Components specs and lifecycle in React. RN comes from ReactJS, they have a lot of things in common and understanding things like componentDidMount() or componentWillMount() will help you. Component Specs and Lifecycle | React
  • Then read Pete Hunt’s tutorial about ReactJS. You need to understand what components are and how they are implemented. Thinking in React | React
  • I would suggest to go through the other sample apps, all of them. Read code and when you don’t understand something, just Google it.
  • There are plenty of tutorials that explain how to write a simple app in React Native. I personally used this one: Going native with React, an introduction. It’s probably outdated by now, but it gave me ideas on what I needed to complete my project.
  • Yes, I said project. You need something to start with. You learn by coding (and reading), not just reading or (even worse) watching. Why don’t you try to implement Instagram? Tinder could be another idea.
  • Don’t read the Docs. It’s not a book, but just a reference to the things you will need to use along your journey, so while developing keep a tab open, if you are not familiar with it. Keep in mind that RN is moving fast, so you may want to check them from time to time.
  • Have a look at Share and test your React Native code in the browser. This is a really interesting resource with a lot of examples. You will find it integrated in the docs as well.

If you feel prefer to learn from videos, these will be helpful for you.

  • Youtube

I saw many videos from youtube about React Native, some of these are useful, but it’s Unrelated, you can research for some specific topic. But you can find these playlist that will be very helpful. " This playlist focuses on programming React Native from version 0.49, with more details and interesting things for everyone from beginners to advances"

  • Udemy 

You can find this best course that you can follow to learn React Native.

"Use React Native and your React knowledge and take your web development skills to build native iOS and Android Apps"

  • cs50

I have loved this course very much. It's very arranged and Provided by many experts. Also if you don't have any idea about JS it will be very helpful for you because it starts from the scratch with JS.

I hope that you will find my article useful for you.
Good Luck
Sohad Dader



 

Affan Zahid

React Native Developer

6 年

Very useful . I'm new to RN, i'll surely follow your tips ??

Ahmed H. El-Najjar

Founder @ Quill | Premium Websites

6 年

Great article for anyone who wants to get started with React Native, well done.

NIDAL El-Borbar

IT man & Mobile Phone Technician at ANAN Company Fot I.T

6 年

Really good and nice article, hope this be my first step to back to programming. Thank you

Salim Akhtar

Senior Consultant at Xebia | Building Next-Gen Web Apps | ReactJs | Redux | JavaScript | HTML | CSS

6 年

Thanks for sharing your experience. May Allah bless you Sohad

Hussein T.

Front-End Developer @Aspire Services | OCA8 Certified | React | Next.js | Node.js

6 年

Thank you very much Sohad. Your efforts are highly appreciated.

要查看或添加评论,请登录

Sohad W Dader的更多文章

  • ?? Lean Strategy

    ?? Lean Strategy

    ?????????? ??? ! ?? ??? ????? ?? ???? ????? ??????? ?? ?? ????? ?? ???? ????? ????????? ?????? ??????? ???? ??? ?????…

  • ????? ???? ??? ?????? ??? ????? - ????? ????? ???????

    ????? ???? ??? ?????? ??? ????? - ????? ????? ???????

    ???????? ??? ???? ???? ??? ??????? ???? ???? ?????? ???? ???????? ??? ?????? ??? ????? ???? ???? ???? ???? ??????…

    2 条评论
  • Hooks with React & React Native ??

    Hooks with React & React Native ??

    I will try in this series of articles to explain the principle of Hooks with Reactjs and React Native and show examples…

    7 条评论
  • Start With React Native & Firebase: Authentication and Realtime Database services

    Start With React Native & Firebase: Authentication and Realtime Database services

    In this tutorial, we will build a React Native app that uses Firebase Authentication with email and Realtime Database…

    4 条评论

社区洞察

其他会员也浏览了