Skip to main content
Version: 0.15


In this tutorial, we will create a Farm react project from scratch, and introducing how to add useful component libraries and Farm plugins.


Vue project is also fully supported by Farm. You can directly use Vite's @vitejs/plugin-vue in Farm. Farm is compatible with most vite plugins and can use them out of box.

you will learn:

  • How to build a production ready Farm React project from scratch. We will introduce how to add popular component
  • The basic concept of Farm, like input, output, dev-server, HMR and plugins
  • Farm's daily configurations and commonly used plugins.

We aim to simplify your development experience with the Farm ecosystem through this tutorial. And it can also be helpful if you want to migrate from other tools to Farm.


This tutorial is build a Farm react project from scratch, If you are trying to init a new Farm Project rapidly, use our official template with command pnpm create farm.

Following our tutorial, and open your super-fast Farm develop journey!


The source code of this tutorial is in farm tutorials