YouTip

Qoder is an AI programming platform built on the VSCode open-source framework. In this chapter, we will introduce how to develop React using Qoder. Qoder (/ˈkoʊdər/) is an Agentic coding platform for real software development. Through seamless integration of enhanced context engineering and agents, it comprehensively understands your codebase and advances development tasks in a systematic way. Qoder provides capabilities such as intelligent code generation, intelligent Q&A, multi-file modification, and programming agents. Think deeper, code more efficiently, build better, bringing developers an efficient and smooth coding experience. **Qoder Personal Edition is currently offering free trial for all users.** * * * ## 1、Register and Install Qoder **Visit [https://qoder.com/](https://qoder.com/users/sign-up?referral_code=whhACoCj9WryAtAh2HAqjvE2ppbzwWtz) to register for a QoderWork account (free Pro trial and 300 Credits):** !(#) **After registration, click the Download button in the top right corner, and download the installer for your computer system.** !(#) After downloading, double-click the file to start the installation, then double-click the Qoder IDE icon to launch Qoder. Related Links: * Qoder Official Website：[https://qoder.com/](https://qoder.com/users/sign-up?referral_code=whhACoCj9WryAtAh2HAqjvE2ppbzwWtz) * Qoder Documentation：[https://docs.qoder.com/zh/quick-start](https://docs.qoder.com/zh/quick-start) * Qoder CLI Tools：[https://docs.qoder.com/zh/cli/quick-start](https://docs.qoder.com/zh/cli/quick-start) * * * ## 2、Login to Qoder In the top right corner of Qoder IDE, click the user icon, or use the keyboard shortcut (⌘ ⇧ , (macOS) or Ctrl Shift , (Windows)), then select Login. !(#) If you don't have an account yet, you can click the Register Now link at the bottom of the opened page to register an account, or register directly using your Google or GitHub account. !(#) After successful login, you will return to Qoder IDE, and then we can freely use all the features. !(#) Looking at the entire interface, Qoder's operation is basically no different from VS Code. Qoder itself is built on VSCode, so those familiar with VS Code will feel right at home. ### Open Your React Project 1. Open Qoder. 2. Method 1: Menu **File → Open Folder