Setting Up Your Component SDK Project

In this lesson, you will follow the steps to download the Component SDK and set up a new Component plugin project.

Complete the steps below:

• Download the Component SDK file. 
• Save the Component SDK zip file to your computer, and extract the zip file to a suitable location for development.

The Component SDK is a React-based web project that uses the yarn package manager.   

Watch the following video to complete the steps below to install the Component SDK:

• Open a terminal (command line) window, and change the directory into the

  `omx-component-sdk`

  folder.
• Next, run

  `yarn install`

   — this will download all the required dependencies set by the SDK.
• Now open the

  `omx-component-sdk`

  folder in Visual Studio Code — You will notice that the project contains some sample components. 
• Open the

  `Hello.tsx`

  file and make sure that the Hello component file doesn't contain errors or red underlines.
• While in development mode, you can run the project locally and reference it in your Fluent Web Apps manifest — You will configure this later in the course. However, in the meantime, switch back to the terminal window and start the project using

  `yarn start`

To use your plugin in a Fluent Web App, you can add a reference to your local plugin project running on localhost to your manifest file.

You should also have the Fluent Store main manifest overridden in your account, as this was used in the UX Framework course.

Open the

`fc.mystique.manifest.store`

`{`

`  "type": "url",`

`  "src":"http://localhost:3001/"`

`}`