In this final segment on React Native: Putting it all together, we revisit all the concepts we have covered to this point. Then we go through how to set up and organize your projects so you can break down your code into smaller more manageable components.
Prior to watching this video please see the previous video on React Navigation here or if you need a refresher check out the first video in the series “Started Using React Native For Your Mobile Applications” here.
React Native: Putting It All Together focuses on:
| Required Dependencies | Text | SafeAreaView |
| Image Background | Image | ScrollView |
| TouchableOpacity | Button | View |
| NavigationContainer | Navigator | createStackNavigator |
| Tab navigation | Const | createBottomTabNavigator |
| Drawer navigation | Screen | createDrawerNavigator |
| Tab navigation | Ionicons | {useState} |
For a full list of components and APIs go to https://reactnative.dev/docs/accessibilityinfo
React Native: Putting It All Together
Additional Resources
- React is an open-source, front-end, JavaScript library for building user interfaces or UI components. In addition, Facebook and a community of individual developers and companies help maintain it. Additionally, React can be useful as a base in the development of single-page or mobile applications.
- Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the Chrome V8 engine and executes JavaScript code outside a web browser.
- Visual Studio Code is a free source-code editor made by Microsoft for Windows, Linux, and macOS. In addition, it includes support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git.
- Android software development is the process by which applications are created for devices running the Android operating system.
- Xcode is Apple’s integrated development environment for macOS and is used to develop software for macOS, iOS, iPadOS, watchOS, and tvOS.
Finally, this series comes from our mentoring/mastermind classes. These classes are virtual meetings that focus on how to improve our technical skills and build our businesses. After all the goals of each member vary. However, this diversity makes for great discussions and a ton of educational value every time we meet. We hope you enjoy viewing this series as much as we enjoy creating it. As always, this may not be all new to you, but we hope it helps you be a better developer.