Best Practices of DApp Development for Mobile

Trust DApp Browser available on iOS and Android.

https://trustwalletapp.com/

Transcript

1. Best Practices of DApp Development for Mobile
2. Hello! I am Viktor Radchenko Founder, Trust Wallet You can find me at: @vikmeup 2
3. 3 Trust DApp Browser
4. Why mobile?
5. Native DApp Development - iOS (App Store) - Android (Google Play) - Lack of tools - Limitations 5
6. Web3 DApp Development Support by any web3 provider: - Web: Meta Mask (Chrome, Brave), Mist... - Mobile: Trust, Toshi, Cipher, Status... 6
7. Mobile Friendly Interface ◎ Have a fixed, non -zoomable viewport <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no" > ◎ Create Responsive Design ◎ Avoid horizontal scrolling ◎ Avoid hover (mouseover) actions 7
8. Mobile Friendly Experience ◎ Identify current provider, display attribution ◎ Avoid multiple actions per page ◎ Large font and buttons 8
9. 9 Avoid hardcoding Meta Mask
10. Avoid Filter/Log/Watch API ◎ Instead relying on the events and logs, poll from the blockchain for changes. ◎ Use WebSockets. Starting from web3 1.0 10
11. Avoid blocking UI 11 DO DO NOT
12. Best DApps Steal like an artist 12
13. Place your screenshot here Crypto Kitties Each cat is one-of-a-kind and 100% owned by you; it cannot be replicated, taken away, or destroyed. 13
14. Place your screenshot here Kyber Network Decentralized Exchange for ERC20 tokens. It is a new system which allows the exchange and conversion of digital assets. 14
15. Place your screenshot here Where do I test? Meta Mask, Trust Browser 15
17. Demo 17
18. Thanks! Any questions? You can find me at: @vikmeup viktor@trustwalletapp.com 18