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-handlerPanGestureHandlerfor drag interactionsTapGestureHandler,LongPressGestureHandler
- Used
GestureDetectorandGestureAPI from Reanimated v3+ - Independent gestures per FlatList item
- Drag-to-delete interaction with visual feedback
- Pull to refresh using FlatListβs
onRefreshandrefreshingprops - Custom gesture zones (like deleting by dragging to a specific area)
- Smooth animation control with
interpolate
- Data fetching using:
fetchAPI (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
secondNativerepo - 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
SecondNativerepo - All features, gestures, and animations are organized and separated into files/modules
- Each feature implemented with real code, not tutorials only