This repository contains all the React Native features, animations, and functionalities I’ve learned and practiced so far. It is a hands-on learning space where I implemented everything from gesture handling to animations using Reanimated.
-
useSharedValue
,useAnimatedStyle
,withTiming
,withSpring
,withDecay
-
interpolate
,interpolateColor
-
Animated transitions and responsive animations
-
Drag-based animation handling with shared values
react-native-gesture-handler
PanGestureHandler
for drag interactionsTapGestureHandler
,LongPressGestureHandler
- Used
GestureDetector
andGesture
API from Reanimated v3+ - Independent gestures per FlatList item
- Drag-to-delete interaction with visual feedback
- Pull to refresh using FlatList’s
onRefresh
andrefreshing
props - Custom gesture zones (like deleting by dragging to a specific area)
- Smooth animation control with
interpolate
- Data fetching using:
fetch
API (native)axios
(third-party)
- State management and dynamic rendering of data from APIs
- React Hooks:
useState
,useEffect
- Context API for managing global state
- Modular file organization and reusable components
- Conditional rendering and component-based layouts
- Practiced clean structure inside the
secondNative
repo - All features, gestures, and animations are organized and separated into files/modules
- Each feature implemented with real code, not tutorials only
This is a growing project. As I explore more React Native libraries, animation patterns, and API integrations, I will continue updating this repository.
- React Native
- React Native Reanimated
- React Native Gesture Handler
- Axios
- React Context API
The main goal of this repo is to master animation and interaction patterns in React Native by building small, focused features and utilities — preparing for real-world mobile app development.
- Practiced clean structure inside the
SecondNative
repo - All features, gestures, and animations are organized and separated into files/modules
- Each feature implemented with real code, not tutorials only