Scribd
Upload
26 views

#1 - React Native (Introduction)

React Native is an open-source framework created by Facebook that allows developers to build real, natively rendering mobile apps for iOS and Android using JavaScript and React components. It uses a mixture of JavaScript and XML-esque markup called JSX. Component styles are defined using camel casing like in CSS, and layout is specified using the Flexbox algorithm designed for consistent layout on different screen sizes.

Uploaded by

ardi wicaksono
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
26 views

#1 - React Native (Introduction)

React Native is an open-source framework created by Facebook that allows developers to build real, natively rendering mobile apps for iOS and Android using JavaScript and React components. It uses a mixture of JavaScript and XML-esque markup called JSX. Component styles are defined using camel casing like in CSS, and layout is specified using the Flexbox algorithm designed for consistent layout on different screen sizes.

Uploaded by

ardi wicaksono
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

React Native

What is React Native?


React Native is an open-source mobile application
framework created by Facebook. It is JavaScript framework
for writing real, natively rendering mobile applications for
iOS and Android.
React Component
With React Native, you use JavaScript to access your platform’s APIs as well
as to describe the appearance and behavior of your UI using React components
JSX
React Native applications are written using a mixture of
JavaScript and XML-esque markup, known as JSX.
Style
The style names and values
usually match how CSS works
on the web, except names are
written using camel casing, e.g.
backgroundColor rather than
background-color.
Layout with Flexbox
A component can specify the layout of its
children using the Flexbox algorithm. Flexbox is
designed to provide a consistent layout on
different screen sizes.
Flex will define how your items are going
to “fill” over the available space along your
main axis. Space will be divided according to
each element's flex property.
Things to know
https://reactnative.dev/docs/flexbox
» Flex Direction
» Layout Direction
» Justify Content
» Align Items, Align Self, and Align Content
» Width and Height
» Position
11

THANKS!
Any questions?
You can find me at
» [email protected]

You might also like