My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more
My Journey to Mobile Development

My Journey to Mobile Development

What I learnt on my first day with React-Native

Cephas Osayi's photo
Cephas Osayi
·Jul 3, 2022·

2 min read

React-Native seems to be a cool tech to learn even though it has been criticized a lot by the mobile communities, but I must say, I am interested in this tech.

I am a frontend developer, and building websites with React, may be the result of my sudden interest. My learning journey started with the documentation, allow me to refer to it as a book of truth.

I have gone through "Learn the Basics", and I am enjoying it, React-Native is a combination of React and the Native android/Ios system components but with a twist.

From the brief or walkthrough, I have discovered many similarities, and as a React developer, this will enable me to get into mobile development faster than I imagined.

##Learning the Basics.

You may be wondering what is React-Native, it is a cross-platform tool for building a mobile application that feels, and look like mobile applications built on a native android or iOS stack.

React native uses a class and a functional approach of development like React because its core is React, its development is done in chunks called components which make development easy and fast.

I have made a lot of comparisons here with React, but don't get it wrong, it has its approach, the web approach has no grip on React-Native, divs and spans are represented as , the

tag are now in react native and how this gets rendered to the native ios/android views and text is incredible, and features like props and state are the same.

So far so good, I am new and Learning, this blog is a means to hold myself accountable as l learn. Sorry, not much value for now.

The core concept of React-Native I have learnt today:

  1. React-Native components a. View b. TextInput c. ScrollView and d. List and section view.
  2. Native component
  3. Use of Expo environment.
  4. Local environment setup.

This is the first blog in this series of two weeks of React-Native with Cephas.

Thank you for your time.