If you wanted to learn more about these designs I break down each page in the article below.

We’ve been developing the app now for 4 months and I felt like it was time to dive into developing as well.

I started taking classes on Design & Codes website, the classes are taught by Meng To… just like me, he is a self-taught designer and now coder.

Chad is using React Native and when I went on Design & Codes website I saw they had a React Native course.

I’ve been trying to learn how to code for a year plus but for some reason, the information I was learning never really “stuck”. I decided to give it another shot by starting Design & Codes — React Native course and to my surprise, everything started to finally make sense.

I know I’ve said this in the previous articles, but Meng does an amazing job making sure you understand the code. I think the best part about their company is the service they offer, whenever I email them with a bug/error they respond with 24hrs with a solution.

The React Native course has 12 courses in total and I’m currently on 8. I’ve learned a lot so far and I still plan on going back to watch previous episodes I’ve seen already. I think the key to becoming a developer is doing it on your own without any help.

Like Meng said,

“When you code on your own, it shows you how comfortable you are and how much you know.”

What I’ve done is taken the code we coded throughout the courses and then used it as reference for started coding Chad. It also helped that I could go back and check out some of Meng’s videos to refresh on how he did certain tasks.

Here’s what I’ve been able to develop so far.

It looks exactly like the profile page to me!

My goal is to develop all the designs for the profile page which will contain:

Profile Home (Completed)

Direct Messages (Added touchable component just have to add transition)

Settings (I’ve completed)

Notifications

Created Chatrooms (Completed)

Favorited Chatrooms

I’m about halfway done and I started this week. My plan is to finish all of these screens by Tuesday! I’m sure my code isn’t “top notch”, but I know for a fact I’ve been able to save my development team a lot of time and to me, that’s all that matters.

I’m going to keep everyone updated on my progress learning how to code! If you’re a designer looking to learn how to code I highly suggest checking out Design + Codes website, they also offer design courses as well!

Please comment below any React Native tutorial you suggest I check out!