React Native Components
Learning the Fundamentals of React Native 2022
Side Note
This writing and along with many others to come in the future will be written for the purpose of helping myself and other people who would like to learn React Native. I plan on grouping these writings in a Medium List located at the bottom of this article in case you would like to learn more and browse through different concepts.
I personally googled a lot of things and read through the documentations (still do, heh). Some things seem to be over-written while other concepts don’t seem to have enough content unless you search through different pages and docs. Hence the point of these writings.
React Native Components
I decided to make Components the first article for these React Native posts because the concept of Components is one of the main fundamental building blocks in learning React Native. (This article is perfect for beginners! )
The picture below shows the scope of React Native Components with 3 categories
- Community Components
- Core Components
- Your Native Components (Custom Components)
Note that all React Native Components fall within the scope of React Components.
There is a difference between React and React Native. React is for web apps, while React Native is for Hybrid Mobile App development (Android and IOS).
Community Components
The first type we are going to look at are Community Components; these are built by the community, uploaded to github and can be downloaded and imported to you current Expo or React Native CLI project using a terminal.
They are open source so they are considered safe for the most part, just make sure to note if there is a high number of issues or if the last update of the component was somewhat recent. If the last update was 2+ years ago, then the component probobly does’nt work with the lastest React Native version.
The description of these components will also state whether the component will work for Expo or React Native CLI, as well as the commands to run in your terminal to install the specific component.
Core Components
These are built-in to React Native and can be imported to youe current project by simply importing at the top of the current .js file.
There are a limited amount of these, so I would reccomend getting familiar with the core components in the documentations (here).
Your Native Components (Custom Components)
These are components that you create on your own. They exist only for your current project and can be reused by importing the Component. Note that a Custom Component usually is its own file, and is often placed inside of a ‘components’ folder in the file explorer. In other words, one file cannot or should not have 2 or more components.
Final Words
To recap the main points here, there are 3 types of React Native Components. Community, Core and Custom. They are all part of the React scope and each come from different areas (import, built-in, created).
Thank you for reading, I hope you learned something from this writing !Here is my list for React Native Concepts.
Want to learn about React Native Navigators next? Check out the link below
…
If you enjoyed this content, make sure you follow, clap or comment
because that encourages me to write more. Cheers !
