Technical Introduction to the Safe Apps SDK

on YouTube ↗28m

" summary

Step‑by‑step conversion of a React dapp into a Gnosis Safe app with working demo: add a manifest.json, serve over HTTPS with CORS (react‑rewired), swap window.ethereum calls for the safe‑apps‑react‑sdk provider and the Safe Apps ethers provider, reuse existing ethers Contract interfaces to encode calls, and submit an array of encoded calls via the SDK transactions API so multiple ERC‑20 allowance resets run as a single on‑chain batch multisend transaction; signer confirmation still requires a local wallet (MetaMask) to submit the Safe transaction.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to Gnosis Safe
2. 1:10Project setup and demo
3. 4:39Integrating the app
4. 7:52Configuring for Safe
5. 12:12Using the Safe SDK
6. 17:36Executing transactions
7. 20:41Batching transactions
8. 25:56Q&A and closing

" related talks

• 20mAccelerating Ethereum Development with Node.js and DockerJohannes Bertens · Amsterdam JSNation Conference 2018
• 25mFullstack React NativeRishichandra Wawhal · ReactFoo Pune 2018
• 05mFull-stack & Typesafe React (+Native) Apps with tRPC.ioAlexander Johansson · React Advanced 2021
• 45mBuilding Isomorphic Apps (Updated)Spike Brehm · JSConf.Asia 2014
• 33mEthereum for node.js devsRaul Pino · NodeConf Argentina 2016
• 08mKick-offMike MacCana · Solana Breakpoint 2023
• 26mPreparing Your Node JS Application For ScaleDexter Tan, Laurence Franslay · JSConf.Asia 2014
• 53mUniversal JavascriptLuciano Mammino · Frontend United 2017