📄️ Common UI Components
In standard React JS, developers are very familiar with using HTML tags to define the layout of a page. For example, a developer would commonly use a ` tag to group content, a tag to display text, or an ` tag to display an img. In React Native, this is slightly different. Listed below are the UI components that are the most commonly used to create a mobile application with React Native.
📄️ Creating a React Natice App
The quickest way to create a React Native application is using Expo Go. Follow the steps below to get your React Native application up and going fast!
📄️ Styling Elements
Styling elements within your React Native UI is a bit different than how it is done in React JS. Do not worry though because it is not all that different. In React JS there are two ways to style an element. You can create a CSS stylesheet and then pass the styles to the className prop or you can define individual stylings to the style prop. With React Native, all styling will need to be passed to the style prop. It would become tedious very quickly to have to style everything individually so the best approach is to create a constant that passes the styles so all that you need to do is pass a class name to the style prop.
📄️ What Is React Native?
React Native is an open source front end framework that is used to develop applications for the web, iOS, Android, and TV platforms.