DEV Community

Harshal Gangurde

Posted on Feb 17, 2019 • Edited on Feb 18, 2019

I built my first React Native app

#reactnative #javascript #ios

Hello Developers,

This is my first post on Dev.to and it's about a very first app I developed using React Native. It's a simple and basic calculator app which does, yes you guessed it right, simple calculations.

What I learned:

Well, this is just a basic app so I did not learn React Native in much depth. But this app helped me learn things like,

React Native syntax
A different way to style components (without using CSS files)
How to pass values between two different components
How to set component state

What I missed from the web development world:

I really missed a simple way to style buttons using React Native. React Native Button component does not have style property of its own.

(Although, I learned that you can always create a custom button using TouchableOpacity)

If anybody is interested please check out this cool calculator app here

zerosand1s / ReactNative-Calculator

A simple and basic calculator app using React Native

Calculator

A simple and basic calculator application using React Native.

Run the application using react-native run-ios

Check out the application images on different devices

iPhone SE

iPhone X

View on GitHub

And this is what my calculator app looks like

Oldest comments (10)

Ben Halpern • Feb 17 '19

Congrats!

Harshal Gangurde • Feb 17 '19

Thanks, Ben.

andresefr24 • Feb 17 '19

I really recommend to use styled components. Makes styling a walk in the park, and with its theme provider you con centralize every major style statement. The syntax is good ol' css and it's plug n' play.
Give it a shot.
If you wanna get more experimental with it, i suggest that you make the provided theme a state that can be managed.

K • Feb 17 '19

I use glamorous-native, but I think for the next project I would stop using styling libraries all together.

I just don't have the feeling they add much value.

Islam Gamal • Feb 17 '19

Could you please mention a good tutorial to learn styled components? And if you think it's better than css modules?

Gareth Brown • Feb 17 '19

I would also recommend styled components. The getting started page on the styled components home page is a good place to start! styled-components.com/docs/basics#...