Building Friendly User Experiences in Web3

Rate this content
Bookmark

This talk will be centered around improving user experiences in web3 by abstracting away blockchain interactions.

FAQ

Web 3 refers to the third generation of internet services for websites and applications which focuses on utilizing a decentralized network environment. It involves decentralization, cryptography, and consensus algorithms to ensure data integrity across a distributed network, aiming to enhance user control over data and assets.

The current state of Web 3 UX is often seen as complex and unfriendly for users due to issues like complicated wallet setups, high transaction costs (gas fees), and the technical knowledge required to interact securely and efficiently within the ecosystem.

Account abstraction simplifies user interactions by handling aspects like transaction validation and gas fees internally. This allows for operations like transaction signing to be more user-friendly, potentially eliminating the need for users to manage private keys or understand the underlying blockchain technology deeply.

Ethereum's transition from proof of work to proof of stake, known as the merge, drastically reduces the energy consumption of the network by approximately 99.9%. This shift makes Ethereum significantly more energy-efficient.

Layer 2 solutions are secondary frameworks or protocols built atop an existing blockchain, primarily to enhance scalability and efficiency. They help in reducing transaction costs (gas fees), speeding up processing times, and can significantly decrease the energy used per transaction.

Practical applications of Web 3 technologies include creating censorship-resistant platforms, enhancing financial inclusivity through decentralized finance (DeFi), and enabling self-sovereign identities through decentralized and verifiable credentials without compromising personal data privacy.

Smart contracts are self-executing contracts with the terms of the agreement directly written into lines of code. They automatically enforce and execute the terms of agreements based on predefined rules, facilitating trusted transactions and agreements without the need for a central authority.

Gas fees in Web 3 refer to the payments made by users to compensate for the computing energy required to process and validate transactions on a blockchain network. These fees can vary based on network demand and the complexity of the transaction.

Rahat Chowdhury
Rahat Chowdhury
32 min
13 Nov, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Web 3 is about decentralization, using blockchain, cryptography, and consensus algorithms. It allows users to have more control over their data and assets. The current state of Web 3 is complex and frustrating, but efforts are being made to improve usability. Layer 2 chains and account abstraction are improving scalability and user experience. Web 3 provides financial solutions for all and enables transactions in restrictive environments.

1. Introduction to Web 3

Short description:

Thank you for coming to my talk about web 3. I'm Rahat, head of developer relations at Biconomy. We're improving on-chain UX. I work in the Ethereum ecosystem. Web 3 is about decentralization, using blockchain, cryptography, and consensus algorithms.

Thank you for coming to my talk, building friendly user experiences in web 3. Talk to you a little bit about web 3 in general. Give you an introduction if you haven't heard too much about it or maybe clearing up some misconceptions about it or steering you away from the scammy part of it, hopefully.

So my name is Rahat, I'm head of developer relations for a company called Biconomy. So we do we're basically trying to improve on what we call on-chain UX, because right now it kind of sucks to use web 3. There's terrible experiences around using it, so we're trying to do some stuff to make that a little bit easier. Previously been a front-end engineer, Solidity freelance engineer, a few other things.

One thing I like to actually put into my intro slides, whenever I'm at a non-web 3 conference is aside from Twitter or X or whatever you want to call it, there's a couple other social platforms I use. These two are actually protocols, Lens and Farcaster. Both are web 3 protocols. There are different apps built around those protocols that you can use to have like a Twitter-like social experience. There's like Instagram-style apps built on top of Lens. I mainly use Farcaster right now. That's where I hang out with the rest of my fellow web 3D gens. And that little, tiny, pixelated thing there is a customized NFT. I will not speak about NFTs anymore after this. Cool.

I'm going to just acknowledge a little bit of bias just specifically about my experience in web 3. I work specifically in the Ethereum ecosystem. There are different chains, different ecosystems in the web 3 space with differing opinions around what it means to actually be decentralized, et cetera. I'm going to be speaking from my experience working in Ethereum. Ethereum is essentially where most of web 3 lives right now. Most at least somewhat usable applications are on Ethereum. That may change in the coming couple of years. I think it probably will, but that's just where I'm going to be speaking from. So if you have experience in web 3 before, have been in other ecosystems, you may find some things that you disagree with me upon.

First of all, what is web 3? There's three kind of things that I like to talk about when I bring up web 3 in general. First is decentralization, the internet, just like moving away from centralized servers to a distributed network of peers. Think about let's say we each have a node or a computer, node is just a fancy word for that has a copy of the same database across all these different nodes, that's what a blockchain essentially is, it's just copies of the same database across several different computers all around the world. On the blockchain, on these databases, we use cryptography and consensus algorithms.

2. Cryptography and Consensus Algorithms

Short description:

Cryptography is used to hash and keep certain types of data on chain. Consensus algorithms determine legit data. Nodes in the network verify the data's authenticity.

Cryptography is used just to hash and keep certain types of data on chain. Consensus algorithms are used to figure out what data is actually legit. So kind of like one way to think about it is like we have, I don't know, A through Z peer nodes. Node A decides oh, I'm going to have this malicious bit of data here that is not real, it's not true. But nodes B through Z are like no, wait, we have the same copy of this database, this is not real. And that's like a very simplified, abridged version of a consensus algorithm. I'm not going to go into the deeper kind of stuff, we can definitely chat more afterwards if you want to on that.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

E2E Tests for Web3 Applications
TestJS Summit 2022TestJS Summit 2022
21 min
E2E Tests for Web3 Applications
Top Content
We will go through a brief explanation of what is Web3 and the architecture of a web3 application. Then we will talk about how to end-to-end test, its challenges, some test tools that are available, and a demo using cypress and metamask.Agenda: What is Web3; The Architecture of a Web3 Application; Web3 E2E Tests Introduction; Web3 E2E Tests Challenges; E2E Test Tools; Demo.
A Frontend Developer’s Guide to Web3
React Summit 2022React Summit 2022
22 min
A Frontend Developer’s Guide to Web3
There is a lot of hype and interest around diving into the Web3 space, and it can be hard to manage the information overload and the emphasis on learning new languages to work on smart contracts. Many developers in the frontend space ask, “How much of this new information do I need to transition into web3?” The truth is as a React developer, the skills I know are essential in web3. Let’s add some context around how to leverage those existing skills to succeed in this new space.
In this talk, we’re going to explore how to build the correct context and the technologies to understand to help you dive into web3 as a front-end developer. We’ll go over popular packages like Ethers, which can be used in React applications to interact with wallets and existing smart contracts. We will also explore how you can leverage your Javascript skills to build full-stack dApps using managed services like Moralis and Thirdweb.
Let’s demystify some of the concepts in web3 and leverage our existing skills to start building.
Building Dapps with React
React Advanced Conference 2021React Advanced Conference 2021
30 min
Building Dapps with React
Decentralized apps (dApps) are continuing to gain momentum in the industry. These developers are also now some of the highest paid in the entire trade. Building decentralized apps is a paradigm shift that requires a different way of thinking than apps built with traditional centralized infrastructure, tooling, and services – taking into consideration things like game theory, decentralized serverless infrastructure, and cryptoeconomics. As a React developer, I initially had a hard time understanding this entirely new (to me) ecosystem, how everything fit together, and the mental model needed to understand and be a productive full stack developer in this space (and why I would consider it in the first place). In this talk, I'll give a comprehensive overview of the space, how you can get started building these types of applications, and the entire tech stack broken apart then put back together to show how everything works.
Reacting to Web3
React Summit 2022React Summit 2022
6 min
Reacting to Web3
What are the opportunities available to web devs in web3? What problems are they likely to face transitioning to web3? How the Decentology's Hyperverse solves these problems and can help them avail of these opportunities.
Web3.js - Past, Present & Future
JSNation 2022JSNation 2022
21 min
Web3.js - Past, Present & Future
Will discuss the challenges faced in Web3.js project.Some opensource contribution statistics.Current refactoring objectives we are working on to make web3.js better.Release timeline.Overview of future plans.

Workshops on related topic

Web3 Workshop - Building Your First Dapp
React Advanced Conference 2021React Advanced Conference 2021
145 min
Web3 Workshop - Building Your First Dapp
Top Content
Featured WorkshopFree
Nader Dabit
Nader Dabit
In this workshop, you'll learn how to build your first full stack dapp on the Ethereum blockchain, reading and writing data to the network, and connecting a front end application to the contract you've deployed. By the end of the workshop, you'll understand how to set up a full stack development environment, run a local node, and interact with any smart contract using React, HardHat, and Ethers.js.
Querying Blockchain Data with GraphQL
JSNation 2023JSNation 2023
64 min
Querying Blockchain Data with GraphQL
WorkshopFree
Simon Emanuel Schmid
Simon Emanuel Schmid
Curious about how data works in the world of blockchain? Join Simon in an engaging session about The Graph, the decentralized indexing protocol that makes it easy for blockchain developers to search and query blockchain data. 
Table of the contents:- Understanding blockchain data- Anatomy of a smart contract- Indexing blockchain data with The Graph- Accessing data on The Graph- Recommended subgraphs- Writing subgraphs overview
How to Convert Crypto Currencies With GRPC Microservices in Node.js
JSNation 2023JSNation 2023
117 min
How to Convert Crypto Currencies With GRPC Microservices in Node.js
Workshop
Alex Korzhikov
Andrew Reddikh
2 authors
The workshop overviews key architecture principles, design patterns, and technologies used to build microservices in the Node.js stack. It covers the theory of the GRPC framework and protocol buffers mechanism, as well as techniques and specifics of building isolated services using the monorepo approach with lerna and yarn workspaces, TypeScript. The workshop includes a live practical assignment to create a currency converter application that follows microservices paradigms. It fits the best developers who want to learn and practice GRPC microservices pattern with the Node.js platform.
Prerequistes:- Good understanding of JavaScript or TypeScript- Experience with Node.js and writing Backend applications- Preinstall Node.js, npm- Preinstall Protocol Buffer Compiler- We prefer to use VSCode for a better experience with JavaScript and TypeScript (other IDEs are also ok)
How to Build UI's for Smart Contracts
React Summit 2022React Summit 2022
134 min
How to Build UI's for Smart Contracts
Workshop
Rahat Chowdhury
Rahat Chowdhury
There are many journeys we can take into becoming a web3 developer. Not all journeys require learning a completely new language and becoming a smart contract developer. In this workshop we will learn how to build our own React UI on top of any existing smart contracts on the Polygon Proof of Stake Blockchain. We will explore a basic overview of blockchains and learn about the advantages of building on Polygon. We will also gain an understanding of what Smart Contracts are, learn how to find existing ones, and learn tools that help us interact with them from a React application.
Build Web3 apps with Javascript
JSNation 2022JSNation 2022
49 min
Build Web3 apps with Javascript
WorkshopFree
Shain Dholakiya
Shain Dholakiya
The workshop is designed to help Web2 developers start building for Web3 using the Hyperverse. The Hyperverse is an open marketplace of community-built, audited, easy to discover smart modules. Our goal - to make it easy for JavaScript developers to build Web3 apps without writing a single line of smart contract code. Think “npm for smart contracts.”Learn more about the Hyperverse here.We will go over all the blockchain/crypto basics you need to know to start building on the Hyperverse, so you do not need to have any previous knowledge about the Web3 space. You just need to have JavaScript experience.
Build Web3 apps with React
React Summit 2022React Summit 2022
51 min
Build Web3 apps with React
WorkshopFree
Shain Dholakiya
Shain Dholakiya
The workshop is designed to help Web2 developers start building for Web3 using the Hyperverse. The Hyperverse is an open marketplace of community-built, audited, easy to discover smart modules. Our goal - to make it easy for React developers to build Web3 apps without writing a single line of smart contract code. Think “npm for smart contracts.”
Learn more about the Hyperverse here.
We will go over all the blockchain/crypto basics you need to know to start building on the Hyperverse, so you do not need to have any previous knowledge about the Web3 space. You just need to have React experience.