30-days-of-react-native

This repository contains 30 small demo apps built with React Native, a JavaScript toolkit for creating mobile apps that run on both iOS and Android from a single codebase. Each day's entry is a self-contained example focused on a specific technique or UI pattern. The project was inspired by similar challenge-style repositories in the Swift community.

The 30 examples cover a wide range of common mobile features. Early days recreate familiar iOS interface patterns: a stopwatch that mirrors the system clock app, a weather app with animated transitions, and the Twitter splash screen animation. Later entries get more specialized, including gesture-based unlocking, Touch ID authentication, drag-and-reorder lists, chart rendering, a Tinder-style swipe card interface, and push notifications.

Some days focus on integrating third-party libraries. Day 11 shows how to use OpenGL for visual effects, Day 23 loads a D3.js data visualization inside a web view, and several days demonstrate how to connect native iOS components (like a search bar or image viewer) into a React Native project using CocoaPods, a package manager for iOS dependencies.

The project targets iOS and was built against an older version of React Native. Android support is noted as incomplete, with most third-party libraries used here being iOS-only at the time the project was written. The repository has not received major updates since targeting RN version 0.34. A Kotlin node modules branch is available if the standard installation fails.

This is primarily a learning and reference collection rather than a production-ready toolkit. Each numbered entry can be read as a standalone illustration of one React Native concept, making it useful for someone who wants to see concrete working examples of specific mobile UI features.