House
/
Blog
/
React Miami 2022 Speaker Recap: Web3
React

React Miami 2022 Speaker Recap: Web3

What did you miss at the first-ever React Miami? Specialists in Web3 took the stage to divulge information about this growing technology.

React Miami 2022 Speaker Recap: Web3

React Miami kicked off between April 18-19 with more than 480 developers from across the world in attendance. Created for and by the React community, React Miami brought together industry leaders to share the latest in React, ranging from marketing insights to Web3, app development, and everything in between! 

With so many incredible developers and industry leaders under one roof, what did you miss during the two-day event? Don’t worry — G2i has you covered with the highlights! In this blog, we’ll showcase the speakers who provided insight into the topic of Web3

Interested in other speaker topics? Check out the other G2i React Miami blogs:

Let’s dive into the Web3 speakers:

Full Stack Web3 - The Technology Stack for the Decentralized Web

Edge and Node Developer Relations Engineer Nader Dabit kicked off the speaker presentations at React Miami with his deep dive into Web3. 

Throughout his talk, Nader defined the Web3 stack and the building blocks that are required to do so from the first few steps of development, all the way to the client. Ultimately, he discussed the possibilities of what we can build by leveraging Web3, not as a replacement, but as an extension of what we currently use. 

The highlights:

Tackles the topic of Web3 through the lens of a front end developer (Nader is an author, teacher, and experienced front end developer).

  • Defines Web3 as the stack of protocols that enable fully decentralized applications. 

He expresses how if you were to build a website and make it accessible via http (a widely adopted web protocol), you know that anyone in the world can access it without a middle man.

Meanwhile, there are certain pieces of functionality on the internet that we just don’t have for native payments, state, and compute.

For Nader, Web3 is the ability to have additional web protocols to implement new features that everyone in the world can access.

  • Web3 doesn’t just involve blockchain or tokens, Nader lumps p2p databases into this category when defining Web3 as a whole. 
  • Web3 isn’t a replacement — it expands the possibilities of what we can currently build. 

Characteristics of Web3 include:

  • Decentralized
  • Ownership (of data & platforms)
  • Self-sovereign identity
  • Composable back-ends
  • Free to consume
  • Open by nature
  • Digital scarcity
  • And more…

Types of Web3 applications:

  • Finance (payments, DeFi, stablecoins), decentralized web infrastructure protocols, gaming, DAOs, tokenization of physical assets, digital art, Web3ification of traditional apps, and more…

Compared the traditional web infrastructure, and how the Web3 infrastructure innovates on it.

  • Dove into the details of what the full stack of Web3 entails, from layer 1 through to the client. 
  • Discussed the challenges of Web3, such as it being a nascent space, too much hype, financial incentives attracting bad actors, and more...

Want to learn more? Follow Nader on Twitter

Blockchain Through the Eyes of Art!

Mueshi Founder and CEO Ariana The Techie joined React Miami to explore fine art through the lens of a NFT marketplace. 

Throughout her talk, Ariana discussed the intersection between the art and tech worlds, and how Web3 is making an impact in both. She raised pain points those in the art industry have felt, and challenged developers to leverage this evolving technology to find ways to solve these problems and create better spaces for artists. 

The highlights:

Ariana’s Journey to Mueshi

  • Ariana shared her journey as a three-time tech founder in the Florida tech scene, including diving into her nearly decade worth of experience as a software engineer. 
  • Mueshi is an upcoming marketplace allowing users to buy, sell, and fractionally invest in Fine Art NFTs. Ariana and her Mueshi team are partnering with established and emerging fine and contemporary artists, as well as various brands and museums/galleries, to provide opportunities for artists. 

React libraries that developers can use to help artists, such as:

  • Truffle-flattner
  • Zos-lib
  • Ethereum Waffle
  • Ethereum JS-ABI
  • Majenta.JS

Ariana’s challenge to developers:

She issued a challenge to the developers in the crowd to create technology that will help artists prevent their work from forgeries or from being stolen. 

  • Essentially, how can developers help prevent forged artworks? How can developers help protect artists from other artists stealing their art? Etc. 

A Mueshi breaking news announcement!

  • To round out the conference talk, Ariana announced that Mueshi has just raised a $3.3 million seed round
  • The Mueshi platform is set to launch in June, and will include a 30-day fine art NFT exhibit in Miami as part of the launch. 

Want to learn more? Follow Ariana on Twitter

A Frontend Developers Guide to Web3

Polygon Developer Advocate Rahat Chowdhury held an educational presentation on his frontend developers guide to Web3. 

Answering the question, “how much do I need to learn to get into the Web3 space?”, Rahat explains how as a React developer, the skills you already have are the essential skills required in Web3. His talk explores those existing skills to demystify some Web3 concepts and teach you how you can succeed in this space. 

The highlights:

Diving into high-level smart contract development

Rahat opens by discussing his background and introduces Polygon’s offerings for building on top of the ethereum blockchain, and their most popular offering: the Proof of Stake Blockchain (a carbon negative blockchain). 

What do you need to know about smart contracts?

  • Smart contracts are the “code” of the blockchain. 
  • Some of the languages used to write smart contracts are Solidity, Rust, Vyper, and Go. 
  • You deploy onto the blockchain with tools like Bytecode, and you need a deployment script written on tools like Hardhat or Truffle. Lastly, you need access to an Ethereum node. 
  • How do you interact with the blockchain? Through a wallet or through a remote procedure call (RPC). 

Front-end development in Web3:

  • UI is built using the same practices and principles that JavaScript developers are accustomed to. 
  • Requires a shift in mindset from HTTP requests to ABI code to call smart contracts.
  • Understand that mutations cost money, and new tools are being developed to make Web3 development more accessible. 

Additional tools you can work with:

  • Ethers/Web3
  • WAGMI Library
  • Web3 UI
  • Block Explorers - PolygonScan/EtherScan
  • Laika

Want to learn more? Follow Rahat on Twitter

GraphQL in Web3: Building a Decentralized API

Edge & Node Developer Relations Engineer Camila Ramos rounded out the Web3 speakers with her talk discussing how to start building for Web3.

Camila is a developer and teacher, typically creating educational content around a range of programming topics. In her talk, she demonstrates the Ethereum Web3 stack with React and GraphQL to teach developers how they can start building for Web3 right now. 

The highlights:

Simplifying Web3 concepts with the basics

Camila provided straightforward definitions and explanations for why developers would want to build Web3 applications, such as:

  • Blockchain: a distributed public ledger and peer to peer network
  • Agency - owning your own data 
  • Permissionless - no central authority; if you want to send money for instance, you don’t have to go through any centralized body that approves it. 
  • Reliability - not depending on a company or entity to maintain Web3 or this technology 
  • Built-in incentives - incentives to maintaining a platform, making Web3 technology more likely to last. 

GraphQL and Web3

In Web3, GraphQL is…

  • Chain-agnostic
  • Reads from a blockchain
  • Leverages resolvers to apply logic to construct and return an object defined in your schema

When you build a Web3 API with GraphQL, you eliminate the required engineering power and time to traditionally build a Web3 API. It allows you to create a subgraph to query multiple pieces of data at one time. Anyone can develop a subgraph (hundreds are already deployed), and anyone can access your API after you’ve deployed it. 

GraphQL allows you to:

  • Create sophisticated filtering
  • Map complex relationships
  • Complete full-text searches

Want to learn more? Follow Camila on Twitter

House
/
Blog
/
React Miami 2022 Speaker Recap: Web3
React

React Miami 2022 Speaker Recap: Web3

What did you miss at the first-ever React Miami? Specialists in Web3 took the stage to divulge information about this growing technology.

React Miami 2022 Speaker Recap: Web3

React Miami kicked off between April 18-19 with more than 480 developers from across the world in attendance. Created for and by the React community, React Miami brought together industry leaders to share the latest in React, ranging from marketing insights to Web3, app development, and everything in between! 

With so many incredible developers and industry leaders under one roof, what did you miss during the two-day event? Don’t worry — G2i has you covered with the highlights! In this blog, we’ll showcase the speakers who provided insight into the topic of Web3

Interested in other speaker topics? Check out the other G2i React Miami blogs:

Let’s dive into the Web3 speakers:

Full Stack Web3 - The Technology Stack for the Decentralized Web

Edge and Node Developer Relations Engineer Nader Dabit kicked off the speaker presentations at React Miami with his deep dive into Web3. 

Throughout his talk, Nader defined the Web3 stack and the building blocks that are required to do so from the first few steps of development, all the way to the client. Ultimately, he discussed the possibilities of what we can build by leveraging Web3, not as a replacement, but as an extension of what we currently use. 

The highlights:

Tackles the topic of Web3 through the lens of a front end developer (Nader is an author, teacher, and experienced front end developer).

  • Defines Web3 as the stack of protocols that enable fully decentralized applications. 

He expresses how if you were to build a website and make it accessible via http (a widely adopted web protocol), you know that anyone in the world can access it without a middle man.

Meanwhile, there are certain pieces of functionality on the internet that we just don’t have for native payments, state, and compute.

For Nader, Web3 is the ability to have additional web protocols to implement new features that everyone in the world can access.

  • Web3 doesn’t just involve blockchain or tokens, Nader lumps p2p databases into this category when defining Web3 as a whole. 
  • Web3 isn’t a replacement — it expands the possibilities of what we can currently build. 

Characteristics of Web3 include:

  • Decentralized
  • Ownership (of data & platforms)
  • Self-sovereign identity
  • Composable back-ends
  • Free to consume
  • Open by nature
  • Digital scarcity
  • And more…

Types of Web3 applications:

  • Finance (payments, DeFi, stablecoins), decentralized web infrastructure protocols, gaming, DAOs, tokenization of physical assets, digital art, Web3ification of traditional apps, and more…

Compared the traditional web infrastructure, and how the Web3 infrastructure innovates on it.

  • Dove into the details of what the full stack of Web3 entails, from layer 1 through to the client. 
  • Discussed the challenges of Web3, such as it being a nascent space, too much hype, financial incentives attracting bad actors, and more...

Want to learn more? Follow Nader on Twitter

Blockchain Through the Eyes of Art!

Mueshi Founder and CEO Ariana The Techie joined React Miami to explore fine art through the lens of a NFT marketplace. 

Throughout her talk, Ariana discussed the intersection between the art and tech worlds, and how Web3 is making an impact in both. She raised pain points those in the art industry have felt, and challenged developers to leverage this evolving technology to find ways to solve these problems and create better spaces for artists. 

The highlights:

Ariana’s Journey to Mueshi

  • Ariana shared her journey as a three-time tech founder in the Florida tech scene, including diving into her nearly decade worth of experience as a software engineer. 
  • Mueshi is an upcoming marketplace allowing users to buy, sell, and fractionally invest in Fine Art NFTs. Ariana and her Mueshi team are partnering with established and emerging fine and contemporary artists, as well as various brands and museums/galleries, to provide opportunities for artists. 

React libraries that developers can use to help artists, such as:

  • Truffle-flattner
  • Zos-lib
  • Ethereum Waffle
  • Ethereum JS-ABI
  • Majenta.JS

Ariana’s challenge to developers:

She issued a challenge to the developers in the crowd to create technology that will help artists prevent their work from forgeries or from being stolen. 

  • Essentially, how can developers help prevent forged artworks? How can developers help protect artists from other artists stealing their art? Etc. 

A Mueshi breaking news announcement!

  • To round out the conference talk, Ariana announced that Mueshi has just raised a $3.3 million seed round
  • The Mueshi platform is set to launch in June, and will include a 30-day fine art NFT exhibit in Miami as part of the launch. 

Want to learn more? Follow Ariana on Twitter

A Frontend Developers Guide to Web3

Polygon Developer Advocate Rahat Chowdhury held an educational presentation on his frontend developers guide to Web3. 

Answering the question, “how much do I need to learn to get into the Web3 space?”, Rahat explains how as a React developer, the skills you already have are the essential skills required in Web3. His talk explores those existing skills to demystify some Web3 concepts and teach you how you can succeed in this space. 

The highlights:

Diving into high-level smart contract development

Rahat opens by discussing his background and introduces Polygon’s offerings for building on top of the ethereum blockchain, and their most popular offering: the Proof of Stake Blockchain (a carbon negative blockchain). 

What do you need to know about smart contracts?

  • Smart contracts are the “code” of the blockchain. 
  • Some of the languages used to write smart contracts are Solidity, Rust, Vyper, and Go. 
  • You deploy onto the blockchain with tools like Bytecode, and you need a deployment script written on tools like Hardhat or Truffle. Lastly, you need access to an Ethereum node. 
  • How do you interact with the blockchain? Through a wallet or through a remote procedure call (RPC). 

Front-end development in Web3:

  • UI is built using the same practices and principles that JavaScript developers are accustomed to. 
  • Requires a shift in mindset from HTTP requests to ABI code to call smart contracts.
  • Understand that mutations cost money, and new tools are being developed to make Web3 development more accessible. 

Additional tools you can work with:

  • Ethers/Web3
  • WAGMI Library
  • Web3 UI
  • Block Explorers - PolygonScan/EtherScan
  • Laika

Want to learn more? Follow Rahat on Twitter

GraphQL in Web3: Building a Decentralized API

Edge & Node Developer Relations Engineer Camila Ramos rounded out the Web3 speakers with her talk discussing how to start building for Web3.

Camila is a developer and teacher, typically creating educational content around a range of programming topics. In her talk, she demonstrates the Ethereum Web3 stack with React and GraphQL to teach developers how they can start building for Web3 right now. 

The highlights:

Simplifying Web3 concepts with the basics

Camila provided straightforward definitions and explanations for why developers would want to build Web3 applications, such as:

  • Blockchain: a distributed public ledger and peer to peer network
  • Agency - owning your own data 
  • Permissionless - no central authority; if you want to send money for instance, you don’t have to go through any centralized body that approves it. 
  • Reliability - not depending on a company or entity to maintain Web3 or this technology 
  • Built-in incentives - incentives to maintaining a platform, making Web3 technology more likely to last. 

GraphQL and Web3

In Web3, GraphQL is…

  • Chain-agnostic
  • Reads from a blockchain
  • Leverages resolvers to apply logic to construct and return an object defined in your schema

When you build a Web3 API with GraphQL, you eliminate the required engineering power and time to traditionally build a Web3 API. It allows you to create a subgraph to query multiple pieces of data at one time. Anyone can develop a subgraph (hundreds are already deployed), and anyone can access your API after you’ve deployed it. 

GraphQL allows you to:

  • Create sophisticated filtering
  • Map complex relationships
  • Complete full-text searches

Want to learn more? Follow Camila on Twitter

React

Looking for the best pre-vetted developers?

We have React, React Native, and Node.js developers available on a contract or full-time basis.

Group

More from G2i