GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • ReactUnity Docs
  • Learn
  • Reference
  • Supported UI Backends
  • React - C# communication (Interop)
  • Extend ReactUnity
  • Debugging React code
  • Using custom fonts
  • Using Tailwind CSS
  • Troubleshooting
  • Showcase
  • Sponsors & Donations
  • About the documentation
  • FAQ

This view

  • Original page
  • New address

GeezerVison is showing reactunity.github.io — Quick Start

Learn ReactUnity

Quick Start

Welcome to the ReactUnity documentation! Here is an overview of what you can find on this site.

Introduction

This is a tiny ReactUnity app. To get your first taste of ReactUnity, edit the code below and make it display your name:

function Greeting({ name }) {
  return <text>Hello, {name}!</text>;
}

export default function App() {
  return (
    <view>
      <Greeting name="Divyesh" />
      <Greeting name="Sarah" />
      <Greeting name="Taylor" />
    </view>
  );
}

Rendering XML code

Instead of using React, ReactUnity lets you write HTMl-like code for static UIs. This UI can later be modified from code.

<view class="items">
  <text>Hello, Divyesh!</text>
  <text>Hello, Sarah!</text>
  <text>Hello, Taylor!</text>
</view>

XML code can also be embedded inside React code. See html component reference for details.

PreviousOverviewNextSupported UI Backends
You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.