Using Remix

The Native IDE for Web3 development

Using Remix in the Browser

Remix Online IDE is a powerful toolset for developing, deploying, debugging, and testing smart contracts that are compatible with the Ethereum Virtual Machine. You will understand what this means shortly!

Remix Web app IDE

Features of Remix

Remix has several features out of the box that facilitate the quick development of smart contracts, we will highlight the features of the IDE that will help you get going quickly, but feel free to reference the documentation referenced in the application for further features, plugins, and community support.

For this workshop we will be utilizing the Workspace (File Explorer), Solidity Compiler, and the Deploy & Run transact options.

The Workspace allows for a directory/tree structure of your code to be viewed on the left side of the screen. This portion houses our raw Solidity code. The Ethereum Virtual Machine (EVM) is not able to interact with the code in this human-readable format. The EVM needs the human-readable code to be converted into machine-readable code.

Default Workspace

The Solidity Compiler allows us to select when and how the code should be changed from the human readable coded into the machine readable code. We will want to select the Auto Compile checkbox so that this compilation occurs whenever we save a file.

Compiler Tab with Auto Compile Selected

Lastly we have the Deploy & Run transactions tab. When we take our compiled code, and want to publish the smart contract to the testnet, this tab allows us to deploy in an easy manner, as well as interact with the functions that are in our smart contract.

Default Deploy & Run Transactions tab

Using the drop down you will be able to select an environment to interact with. This selects the chain you would like to use to deploy and test your contracts.

Inject Provider (MetaMask Option)

You will be presented with a MetaMask prompt similar to how you would sign into the Metamask Chrom Extension.

Once your wallet is connected you will be automatically interacting with Chain specified by the MetaMask Extension and will be indicated by a small reference under the Environment drop down in Remix

Injected Provider showing Testnet and Account info

You are now ready to write a Smart Contract and Develop for Web3!

Other options for using Remix

There are other options for integrating the functionality of Remix into other IDEs

Remix Extension for VS Code

Last updated