This is an Expo project created with create-expo-app
.
-
Install dependencies
npm install
-
Start the app
npx expo start
In the output, you'll find options to open the app in a
- development build
- Android emulator
- iOS simulator
- Expo Go, a limited sandbox for trying out app development with Expo
You can start developing by editing the files inside the app directory. This project uses file-based routing.
demo.mov
issue : switching time when data already in cache become laggy
-
1st form
- using react-query, with normal code
- the animation looks so nice from rn-wagmi-charts when we change the data
- but when switching larger data that already in cache, i got drop fps and frozen frame. :(
1st.mp4
-
2nd form
- i decide to remove react-query
- install zustand
- create two zustand store: 1 for handle data, 2 for handle loading and errors
- define all charts of every time at once and using absolute position to manage hide and show
2nd.mp4
changelog : https://github.com/aqigif/jendela-app/compare/v1...v2
-
3rd form
- more separate component by making CandlestickChartAtom and CandlestickChartSuperAtom
- more separate zustand store into 3: 1 for handle data, 2 for handle loading and errors, 3 for handling time switching
- goal : only once render .map and chart when time switching
- now when switching larger data that already in cache, it perform better
3rd.mp4
changelog : https://github.com/aqigif/jendela-app/compare/v2...v3