The Complete React Native Course : from Zero to Hero

Discover how React Native enables building native mobile apps by combining React.js UI concepts with native widgets, bridging JavaScript to native code, and running logic on a dedicated thread.

Learn to create your first app with Expo, compare Expo CLI quick start to React Native CLI quick start, and cover Node.js, Expo, and Yarn setup for testing on emulators and real devices.

Learn to create native React Native apps with the CLI and eject Expo, set up Android and iOS environments, and run apps on the emulator.

Configure Visual Studio Code for React Native development by enabling IntelliSense and navigation, installing key extensions such as React Native Tools and React Native Snippet, and personalizing themes and formatting.

Discover the React Native project structure, core components like View, Text, and SafeAreaView, and how to run and debug apps using metro and npm scripts.

Use the useState hook to manage state in function components and understand props as immutable data, updating text and UI through user actions.

Learn to style React Native apps using inline styles and StyleSheet, applying borders, margins, width, height, text transforms, and composite and flatten style objects for personalized, optimized user interface.

Explore how flexbox enables responsive layouts in React Native by adjusting flex, flexDirection, alignItems, and justifyContent to create column and row arrangements, with fixed and flexible sizes and spacing.

Learn to build a React Native list with ScrollView and refresh control, using state and map over items with unique keys to enable pull to refresh and spinner color.

Learn to replace scroll views with FlatList for efficient rendering of large arrays, manage keys with keyExtractor and dynamic item rendering, then display nested arrays using SectionList with section headers.

Create and style a TextInput in react-native, bind it to state, and display entered text while styling borders, alignment, placeholder, and exploring keyboard types, maxLength, and secureTextEntry.

Explore how Button, touchables, and pressable controls work in React Native by building a text input, submit button, and dynamic feedback with onPress, onLongPress, and styling options.

Validate text input by enforcing a minimum character count in onPressHandler and notify users with an alert. Leverage Alert for cross-platform messages; Toast for Android offers duration and position control.

Create a modal to show a warning as a pop-up, controlled by a visible state and onRequestClose. Style its content with a title, body, and ripple button.

Explore how to display images with React Native using Image and ImageBackground, handling local assets via require, remote urls with uri, and styling for responsive layouts.

Create and reuse custom components with props to configure buttons via onPress and title, then structure code with a header component and a src folder for cleaner, scalable projects.

Learn to implement a stack navigator in react native with navigation container, navigate between screen A and screen B, and manage back and header using navigate, goBack, and replace.

Implement tab navigation with bottom tabs and material bottom and top navigators. Style icons and labels with react-native-vector-icons and FontAwesome; set active/inactive colors and navigate between screens.

Learn to implement a drawer navigation with React Navigation, customize its position, type, width, overlay, header options, icons, and programmatic controls for opening and closing.

Learn how to pass parameters between screens with React Navigation using route.params, navigate, and setParams, and manage initialParams with drawer, including returning parameters from screen B to A.

Learn to debug React Native apps in VS Code by installing the React Native Tools plugin, configuring launch.json, and attaching to the packager to use breakpoints and dev menu actions.

Learn to add custom fonts in React Native CLI and expo by placing ttf files in assets/fonts, linking, and loading with useFonts and AppLoading, ensuring fontFamily matches the font name.

Organize your react native project with global styles by creating a GlobalStyle and a CustomFont, applying fonts across screens. In expo, load fonts globally with a custom Text component.

Store and retrieve user data offline with AsyncStorage in a React Native app, using setItem, getItem, and JSON for objects, enabling an offline login flow from login to home.

Create an offline login with a local SQLite database in a React Native app by building a Users table and performing insert, select, update, and delete queries with async/await.

Learn Redux state management in a React Native app by building actions, reducers, a store, and integrating API calls and local storage.

Learn how to fetch data from an API using Redux in a React Native app, handle get and post requests, store results in state, and display them with FlatList.

Learn to implement local and scheduled push notifications in a React Native app by wiring items to onPress, creating a notification channel, and using localNotification and localNotificationSchedule.

Learn how to send remote push notifications in a React Native app using the react-native-push-notification module and Firebase Cloud Messaging, including configuring google-services.json, android settings, and testing delivery.

Create a map screen and navigate from the home list to show a city's coordinates with MapView. Integrate Google Maps via react-native-maps, pass city parameters, and configure the API key.

Learn to access the device camera with react-native-camera, capture and save photos using hooks and RNCamera, manage Android permissions, and move files with react-native-fs to a desired location.