aqigif/jendela-app

Welcome to Jendela App 👋

This is an Expo project created with create-expo-app.

Get started

1. Install dependencies

   npm install

2. 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

demo.mov

Performance Analysis : React-Native-Wagmi-Chart

issue : switching time when data already in cache become laggy

1. 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

2. 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

3. 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