The Complete React Native Masterclass for Beginners

Explore how HTML forms the web page foundation while JavaScript adds interactivity, from creating elements and styling basics to using alerts, strings, and simple output in the console.

Add a button and wire it to a JavaScript function with on click to trigger an alert. Understand function declarations, braces, and case sensitivity to ensure the correct function runs.

Explore how if statements control code flow by evaluating conditions and executing actions, using equal, not equal, less than, and greater than tests to prevent crashes.

Build the mobile application layout by applying styles to enhance design and user interface. Explore React Native flex box, inline styles, and stylesheet objects.

Build a horizontal list in React Native by mapping hard-coded data to image cards with titles, touchable interactions, and alerts, preparing for a flat list in the next video.

Explore the React Native masterclass for beginners by learning to split apps into components, pass data between them, build touchable components, and delete items, with a final recap and challenge.

Split the app into multiple components and use React Navigation to move between screens with stack and bottom tab navigators, organizing splash, login, home, profile, and search screens.

Pass data between two React Native components with a stack navigator. Navigate from home to details, pass a json object as route params, and read values via route.params.

Learn to add a modal overlay in React Native by toggling visibility with state, customizing its animation, and styling with shadows, elevation, and rounded corners.

Build a modal with an overlay and flexbox styling, managing name, occupation, city, country, and mobile with state variables. Implement close, save, and clear actions with validation and error messaging.

Build a responsive app by addressing responsivity issues with flexible styling rules and dynamic dimensions, and use the keyboard avoiding view to keep content visible during orientation changes.

Explore responsivity tools and the platform's capabilities. Implement the safe area view function and explore the screen orientation api, then finish with a summary and a forward challenge.

Learn to use the platform module and platform specific extensions to run code on Android or iOS, using Platform OS and Platform select to tailor UI and behavior.