Reactium
  • Quick Start
  • Discuss
  • Approach
    • Architecture
    • DDD Introduction
    • Domain Model
  • Reactium App Foundation
    • Reactium Guides
      • Creating a Simple Single Page Web App (SPA)
      • Creating a Sassy Style Sheet
      • Reactium Core
      • Reactium + Actinium (APIs)
      • Reactium + REST
      • Plugin Module Guide
      • Animating React Routes
      • Reactium in Production
    • Reactium Domain Model
      • Basic Domain Model
      • Runtime Domain Model
      • Buildtime Domain Model
    • Reactium SDK
      • Reactium SDK Reference
    • Updating Reactium
  • Installing Foundations
    • Before You Install
    • Install Reactium
    • Install Actinium
  • Reactium API Foundation (Actinium)
    • Actinium Core
    • Setting up your User
    • Actinium SDK
      • Actinium SDK Reference
    • Actinium Domain Model
    • Extending
    • Updating
    • Live Query
  • Reactium Toolkit
    • Overview
    • Installation
    • Configuration
    • Customization
    • Creating Elements
      • Sidebar Elements
      • Toolbar Elements
      • Documentation Elements
    • Components
      • Sidebar
      • MenuLink
      • Element
      • Code
      • Markdown
      • Icon
    • Toolkit SDK
Powered by GitBook
On this page
  • Requirements
  • Create a starter React app
  • Running Locally
  • Remove Welcome Component
  • The Development Server
  • Your First Routed Hello World Component
  • Prerequisites

Quick Start

Want to get started quickly with React. We got you.

NextDiscuss

Last updated 2 years ago

Requirements

Reactium requires a minimum of LTS (Recommended), and supports up to Node 20.

Create a starter React app

Before we get into the multitude of pieces and uses of the whole platform, let's get into the easiest and fastest way to get started. If you just want to feel the instant power of the first major and important piece of the platform you can get up and going very quickly with the Reactium App Foundation.

mkdir my-app # whatever you want
cd my-app
npx reactium init

To just use reactium instead of npx reactium, install it globally with: npm install -g reactium

Great! Now you've got Reactium installed!

Running Locally

Much like other popular React application creators, Reactium already has a lot of the local development environment taken care of. With a single npm script, you'll be compiling modern React javascript and Sassy CSS into a routable Node/Express application.

npm run local

If you did everything correctly, you will see the reactium.io website appear in an iframe.

Remove Welcome Component

Before we go further, let's remove the Welcome React component.

rm -rf src/app/components/Welcome # or remove from the GUI

Now the root of route should just be a blank page.

The Development Server

Your First Routed Hello World Component

You can manually create React components in your project, but Reactium can also help you with some common boilerplate. Let's create a simple hello world component for our homepage:

npx reactium component

Prerequisites

This page assumes you are have some familiarity with:

  • Node.js and React

  • npm (node package manager)

By default, the node/express server will listen on port 3030 and 3000 (Express and BrowserSync respectively). Your default browser should automatically open to for you.

http://localhost:3000
Node 18
git
Node.js
reactium init can create Web or API projects
Easily set a route for a new component.