React Native Learning Projects

This repository groups together several small React Native practice apps that were originally built as separate learning projects. The goal is to keep related React Native experiments in one place so the progression is easier to browse, compare, and maintain.

Project Descriptions

Each folder is a standalone Expo project built around a specific React Native lesson or experiment.

Project	Description
hello-world	A minimal introductory Expo project focused on basic layout, text rendering, simple separators, and core React Native styling.
batman-profile	A profile-style screen for Batman that demonstrates local image assets, flexbox layout, row-based detail sections, and simple visual composition.
components	A component playground that explores props, custom buttons, conditional rendering, touch events, local state, and class lifecycle patterns in React Native.
my-diary	A small diary app that uses stack navigation, modal screens, form input, and AsyncStorage-backed persistence to create and view diary entries.

Repository Structure

.
├── batman-profile
├── components
├── hello-world
└── my-diary

Most projects follow the same rough layout:

• App.js as the main entry point
• assets/ for icons, splash screens, and local images
• app.json, babel.config.js, and package manager files for Expo project setup
• Additional folders such as components/, screens/, constants/, or data/ when a project grows beyond a single file

How To Use This Repo

1. Open the project folder you want to inspect.
2. Install that app's dependencies with npm install if needed.
3. Run the project independently with npx expo start.

These projects are intentionally small and self-contained, so they work best as isolated references for learning specific React Native ideas.

Why This Repo Exists

Instead of spreading related React Native practice across multiple repositories, this collection keeps the work in one place so it is easier to:

• review progress over time
• compare different UI patterns and app structures
• revisit older exercises
• organize learning by subject instead of by repository count

Notes

• Some apps are tutorial-style snapshots and may reflect older React Native, Expo, or dependency patterns.
• Setup details can vary slightly by project, especially for examples that introduce navigation, local storage, or custom component structures.