<aside> <img src="/icons/row_lightgray.svg" alt="/icons/row_lightgray.svg" width="40px" />

SECTIONS

</aside>

<aside> <img src="/icons/book_yellow.svg" alt="/icons/book_yellow.svg" width="40px" />

CONTENTS

Step 1: Remix Studio

Step 2: A New Project

Step 3: A New Screen

Step 4: Your First Visual Code

Step 5: Edit a Card

Step 6: Nodegraph Mechanics

Step 7: Meet the Essential Nodes

Step 8: Make Something Real

Step 9: Meet all the Nodes

</aside>

<aside> ✅

CHECK

You are signed into :remix-studio: Remix Studio at: poc.remixlabs.com/e

</aside>

Create a New Project

<aside> 🔧

HOW

Using the New menu in the Remix Studio Dashboard to Create a New Project

Using the New menu in the Remix Studio Dashboard to Create a New Project

</aside>

WHAT

A “Project” is your main unit of work.

It must have a unique identifier, which is the first text input you type in, and you can also choose a friendlier display name to see in the Dashboard of all Projects (the second input you type in)

Notice there are some restrictions on good naming for your unique project identifier (you’ll see these restrictions mentioned in the popup when you create a New Project)

Each project will get a database of it’s own, where you can save records created by you and your users. [Rabbit Hole] more on this much later!

<aside> 💡

HINT

It’s not easy to change a project’s “permanent id” and this is for good reason. You’ll see later that Projects can call or reference each other in a variety of ways and changing it’s identifier might break these references. However, if you want to DELETE a Project it will free up that permanent id.

First move the Project to Trash. Here you can still Recover it. When you DELETE from Trash, the Project and its id are truly gone and you could use it again if you wish.

</aside>

The Anatomy of a Project

The Project you just created about is the most common type of Project you’ll create. It’s one where you’ll design and build views to share with your users.

There are other types of Projects you’ll meet, such as Themes and Libraries. A Theme is a place just to create a set of Global Styles which can be used across multiple Projects. A Library is a place to create simple and complex re-usable assets, also for distribution and use across Projects by you or anyone else building with Remix Studio! [Rabbit Hole] more on this much later!

You’ll notice that as soon as you create your Project, it’s set up with a few default pieces. The following modules appear in your new Project: Settings, Constants, Styles, Symbols, and Files. You’ll learn more about each of these as you dig deeper later in these guides.

Previous

<aside> ⬅️

Step 1: Remix Studio

</aside>

Next

<aside> 📖

Step 3: A New Screen

</aside>