Before we dive in, let's have a quick discussion about what we are trying to achieve.
At the end of this guide you will have built a decentralized Twitter-like application deployed permanently on arweave. Because both data and front end are stored on arweave, no third party or bad actor can censor them or take it down. All for the cost of less than a penny!
We're going to assume you already have some familiarity with React and start with a sample app — filling in the Arweave specific functionality to learn how to build directly on Arweave.
Instead of reinventing the wheel we are going to take advantage of existing protocols built using Arweave, the Public Square protocol and ArweaveID. Building on top of existing protocols this way is known as composability and it’s a big part of web3. It enables rapid iteration and exploration by building on top of existing building blocks without having to invent from scratch each time.
This guide is broken into four sections that take roughly 20-30 minutes to complete depending on your experience. The level of React understanding you should have is the amount taught by the ReactJS tutorial, if you are unfamiliar with React JS this is a great place to start.
- Querying Arweave (25-30 minutes)
- Integrating Arweave-js (25-30 minutes)
- Posting transations (15-20 minutes)
- Integrating arewave-account (15-20 minutes)
- Polishing and Deploying (25-30 minutes)