React Native Made Easy

Learn how to structure a React Native component, including import basics, defining functional components with props, using JSX, and styling with StyleSheet.create for native app UI.

Build user interfaces in react native using jsx, with view and text tags, a single-parent return, text inside a text component, text-input, touchable opacity, and image options local, uri, base64.

Learn styling in React Native by applying the style prop to text and other components. Use color, background color, padding, margin, borders, and border radius with JavaScript object in JSX.

Learn how flex and flex direction shape layout in React Native, switching between column and row, and how justify content and align items center content with width, height, and styles.

Explore exports and imports in React components, learning default and named exports, import syntax, and how to use multiple components within a single file.

Learn to pass and style props in React Native using style objects and array syntax, toggle between filled and outlined buttons with a boolean prop, and centralize common styles.

Learn how state in react native uses a javascript object to store changing values, update via setstate, and trigger re-renders in class components, enabling dynamic ui like color changes.

Explore React life cycle methods by converting a functional app.js into a class component and implementing constructor, shouldComponentUpdate, render, componentDidUpdate, componentDidMount, and componentWillUnmount with practical examples.

Demonstrates event handling in React Native by wiring a text input onchange text to state, showing live updates, and handling on press to switch color from red to blue.

Learn to design and implement a discount calculator in React Native, with inputs for amount and discount percentage, computing the final price on press.

Discover how to use icons in React Native Expo, including font awesome, iron icons, and material community icons, with Expo vector icons support, import examples, and size and color customization.

Explore building a like it app with react native expo, featuring a header, scrollable image cards, a like counter, reusable card components, and state-driven interactions.

Convert the React Native app from a functional component to a class with state, map a data array to cards, and implement like toggling via long press with a counter.

Discover how JavaScript's single-threaded model creates async flow and avoids blocking by moving tasks to the heap and using callback functions with async/await in a React Native demo with setTimeout.

Explore how promises work in JavaScript, including pending, fulfilled via resolve, and rejected via reject; learn to create promises, mock data with setTimeout, and render results in React state.

Explore calling external APIs with fetch in JavaScript, handle responses with then and catch or async/await, and store results in React Native state after mounting.

Learn to fetch current location coordinates and open them in maps using Linking with map schemes, choosing Apple or Google maps for a seamless location experience.

Learn to build a weather app with React Native by mastering hooks, fetching device location via Expo Location, calling OpenWeatherMap API with async/await, and displaying dynamic weather data.