Learn how flex and nested views behave in React Native, comparing flex:1 with fractional values like 0.5 and 0.3, and using align items and justify content to center.

Separate styles in React Native using StyleSheet.create to organize styles into named blocks like container, top box, and bottom box, then reference them with styles.container, styles.topBox, and styles.bottomBox.

Create a React Native header with a text label and a grid icon inside a touchable opacity, styled with a theme-based style sheet and a row flex layout.

Learn to display images correctly in a React Native app by configuring a two-column layout, styling with StyleSheet, and ensuring image containers have proper height, width, and overflow handling.

Explore loading fonts with useFonts and useCallback, switch to a Roboto bold font, and simulate image loading and reading data from server with a loading screen and splash screen.

Dive into deeper understanding of useEffect in React Native, exploring initial rendering, state changes, rerendering, and the asynchronous flow and closures that determine when effects run.

Create a fetch home product hook and a home product list screen to load data, manage loading and error states with use state and use effect.

Display a loading icon with a Lottie view, fetch home product data from the server, and render items in a flat list via a product card component.

Create a reusable loading and error component for React Native, convert it to a functional component, and conditionally render loading or error states on the home screen.