Overview

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

note

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 library
• The basic concept of Farm, like input, output, dev-server, HMR and plugins
• Farm's daily configurations and commonly used plugins.

We aim to make you familiar quickly with Farm concepts and ecosystem through this tutorial. And it can also be helpful if you want to migrate from other tools to Farm.

note

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. See Quick Start

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

• 1. Create A Farm React Project
• 2. Develop Project With Farm
• 3. Build For Production

note

The source code of this tutorial is in farm tutorials