React Native Tutorial For Beginners | Hybrid App Development

?? Learn React Native

?What you will learn

✔️Gain the skills required to create apps across different platforms and devices.
✔️Become an expert in React Native, React, JavaScript, GitHub repositories and version control.

????⌚⌚Timestamp⌚⌚????
0:00:00 Introduction to the course
0:03:40 What is React Native?
0:09:44 Native, cross-platform & hybrid developer roles
0:14:33 Meet a cross-platform developer
0:17:45 React Native Development Environment Overview
0:20:14 React Native with Expo
0:24:57 How is React Native used in the real world?
0:28:39 React Native Code
0:31:25 What is Expo?
0:36:04 What are React Native Components?
0:41:39 Building a component
0:45:56 What are View and Text Components?
0:49:06 Using the View and Text Components
0:54:33 What is the ScrollView Component?
0:58:34 Using the ScrollView Component
1:04:00 Styling Components using StyleSheet
1:07:31 Practical Styling
1:12:52 Module summary: Introduction to React Native
1:15:29 Rendering large lists using FlatList component
1:19:27 Using the FlatList component
1:23:40 FlatList Methods
1:29:02 Render large lists by sections using SectionList
1:33:15 Using the SectionList component
1:39:10 What is the TextInput component?
1:43:34 Configure the TextInput Component
1:48:18 Virtual Keyboard on Mobile Apps
1:53:08 Handling the Virtual Keyboard
1:58:14 Passing props to TextInput Component
2:03:39 Using TextInput Methods
2:09:10 Module summary: Lists and Text Input in React Native
2:12:47 What is the Pressable Component?
2:18:05 Using Pressable Component
2:23:34 Displaying Images in React Native
2:28:31 Using Image Component
2:30:35 Styling an Image within the app
2:33:51 Passing props to the Image Component
2:39:19 Setting Background Images
2:42:37 What are hooks ?
2:45:33 Using useColorScheme hook
2:49:31 Using useWindowDimensions hook
2:52:19 Using other community hooks
2:55:31 Module summary: Pressable, Images and Hooks in React Native
2:57:23 What is React Navigation?
3:02:28 Setting up React Navigation
3:04:46 Using the Stack.Navigator
3:09:34 Approaches to Passing Props to Screen
3:12:31 Moving to a New Screen
3:17:08 Moving Between Screens
3:19:44 Going Back to Previous Screen
3:22:46 Configuring a Header Bar
3:28:17 What is Tab Navigation?
3:32:55 Tab Navigation Example
3:36:20 Customizing your tab navigator
3:39:57 What is Drawer Navigation?
3:43:12 Drawer Navigation Example
3:47:24 Module summary: React Navigation

✒️Week 5
3:49:49 Course Recap: React Native
3:52:39 Congratulations, you have completed React Native!




??About this Course??
React Native is an open-source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React to a more advanced implementation using React Native. You’ll review a wide range of different React components and ways of styling them. And you’ll get to practice using different mobile methods of interactivity with React Native.

Some of the basics skills you will learn include:
• Building a single-page React Native app and styling it using basic components
• Building .......................


All rights reserved by (Meta)


❌❌PLEASE IGNORE THESE TAGS❌❌
#ReactNativeFullCourse
| #ReactNativeFullTutorial | #MetaAndroidDeveloperProfessionalCertificate

#ReactNativeResources #ReactNativeFrameworks #ReactNativeAppDesignTips #ReactNativeFrontEndDevelopment #ReactNativeAppDevelopmentTools #ReactNativeBestPractices #ReactNativeLibraries #ReactNativeDeployment #ReactNativeOptimization #ReactNativeArchitecture #ReactNativeDebugging #ReactNativeIntegration #ReactNativeLifecycle #ReactNativeAccounts #ReactNativePerformance #ReactNativeTesting #ReactNativeSecurity #ReactNativeStorage #ReactNativeStructure #ReactNativeWorkflow #ReactNativeNetworking #ReactNativeComponents #ReactNativeUXDesign #ReactNativeDatabase #ReactNativeSEO #ReactNativeUI #ReactNativeAppOptimization #ReactNativeAppMaintenance #ReactNativeEssentials #ReactNativeScaling #ReactNativeAPIs #ReactNativeDeploymentTips #ReactNativeJavascript #ReactNativeData #ReactNativeContent #ReactNativeContentManagement #ReactNativeMessaging #ReactNativeMarketing #ReactNativeJobs #ReactNativeCareers #ReactNativeProjects