LogoLogo
  • Overview
  • What is Revault Network?
  • The Technology
  • Revault DeFi Search Engine
    • The First DeFi Search Engine - Vaults Information Aggregator
  • Revault Protocol & Tokenomics
    • The Revault Protocol
    • REVA Tokenomics
      • REVA token allocation
      • REVA emission schedule
      • REVA Protocol Fees
      • REVA token utility
        • vREVA token
      • FAQ
    • Smart Contracts
  • Revault Platform
    • The Revault Platform
      • Vault Information aggregator dashboard
      • Vault Execution Engine
      • Revault DeFi Investment Engine
    • Reactive Dapp Client
      • Reactive Dapp Technologies and Architecture high-level overview
    • Getting Started
      • Connect metamask to revault platform
      • Deposit to best vault
      • How to claim your profits
      • How to Stake REVA
      • How to farm REVA as liquidity provider
      • How to easily Rebalance funds from vault to vault
      • How to Withdraw funds
  • Revault DeFi Academy
    • Revault DeFi Academy
    • Revault DeFi beginner investor challenge
    • DeFi 101 Interactive course
  • Roadmap
  • Resources
    • Website
    • Twitter
    • Medium
    • Discord
    • Telegram
    • Youtube
    • Github
  • FAQ
    • General
    • Vaults
Powered by GitBook
On this page

Was this helpful?

  1. Revault Platform
  2. Reactive Dapp Client

Reactive Dapp Technologies and Architecture high-level overview

PreviousReactive Dapp ClientNextGetting Started

Last updated 1 year ago

Was this helpful?

The Revault platform's architecture is built on robust foundations:

  1. Progressive Web App (PWA): Developed using React, offering a seamless and responsive user interface on the web.

  2. Revault Mobile App: Built natively with Java for Android and Swift for iOS, delivering optimal performance and user experience.

  3. Reactive State Management: Utilizing a Redux store API wrapped in an RxJS observable, ensuring a reactive state that updates with each blockchain block.

  4. Blockchain Connection: Websockets will connect to dedicated nodes deployed across continents for each supported chain. The first node updating the block number will synchronize the app state. If data is missing, other nodes will fill in the gaps.

  5. GraphQL Integration: Employing graphql-rxjs to define the protocol. graphql-tools will manage a cache that updates only required data per block, optimizing efficiency.

  6. Component Interaction: React components will subscribe to changes through the Redux store, generating subscriptions for each client state, enhancing real-time interactivity.

This well-structured architecture ensures seamless user experiences across platforms while leveraging reactive state management, robust blockchain connections, and efficient GraphQL-based data handling.

react: https://github.com/facebook/react reduxe store api: https://github.com/reduxjs/redux/blob/master/examples/real-world/src/store/configureStore.prod.js graphql-rxjs: https://github.com/DxCx/graphql-rxjs graphql-tools: https://github.com/ardatan/graphql-tools