React Native IOS and Android App Development for Beginners

Explore how React Native wraps native components to access iOS and Android APIs, delivering true native performance, and learn layout with flexbox and status bar styling for responsive apps.

Master flex layout and positioning in React Native apps by placing text at top left, center, bottom right, and other corners, using flexbox concepts and alignment properties.

Create reusable React Native components, pass and destructure props for dynamic greetings, map over name arrays to render multiple welcome messages, and organize components in separate files.

Learn to set up a splash screen logo in a React Native app, swap the logo asset, reload the screen, and assign a unique key for the welcome component.

Explore using a WebView in a React Native app to display a website, loading a URL via source, and assess performance and user experience for this approach.

Build a real React Native project from scratch, including authentication workflows with signup and login, password handling, and protected screens, then display posts on the home screen.

Create sign up screen in a React Native app using a screens folder and a sign up component; center and style the text component with Pegasus npm text styling package.

Create a login input by importing React Native's text input and a labeled field inside a view, ready for email and password entry with a bottom border and horizontal margins.

Learn to build a reusable input component in React Native for authentication, with dynamic props for name, email, and password, wired to state via text input handling for multi-screen reuse.

Master managing React Native state with useState, pass values and setters as props, and handle name, email, and password inputs to send user data to a server.

Customize text input in a React Native signup form by controlling capitalization, autocorrect, autocomplete type, keyboard type, and secure text entry for name, email, and password fields.

replace the plain React Native button with touchable opacity to create clickable elements, wrap any component, and apply styling for a custom submit button.

Learn how to wire a button to submit user data via axios in React Native, including front-end validation, loading state, and posting name, email, and password to a backend endpoint.

Create a circular brand logo with the image component, loading an asset via require and sizing it for a top area, while making the view scrollable to avoid keyboard overlap.