• Welcome to the new COTI server. We've moved the Citizens to a new server. Please let us know in the COTI Website issue forum if you find any problems.
  • We, the systems administration staff, apologize for this unexpected outage of the boards. We have resolved the root cause of the problem and there should be no further disruptions.

Shipyard in React

robject

SOC-14 10K
Admin Award
Marquis
If anyone out there has React experience, I'd love your opinions and suggestions.

I'm learning React at work, and I think one way to help me learn React is to design a Traveller shipyard program with it.

My idea is to do it sort of like an enhanced spreadsheet, so I could use a datagrid to display the ship's components. A pool of basic components will let the user add components to the ship, and custom editors allow modifications.

The problem is that I don't (yet) know the React way of doing this. What I do know is how to logically organize components:

For example, the single-page app would have a datagrid taking up most of the real estate, with a toolbar on the top (or bottom) that has a few important controls. For example, a pick list lets the user add a new component to the datagrid.

The datagrid itself displays data common to every component -- for example, volume, cost, and a description.

Every ship component has its own class, and its own editor for that class.

The event model seems straightforward.

I don't need Redux.
 
I can't help with React, but it is getting popular in our local IT community.

Maybe take a quick look at my app (Rails and js), which kinda matches your description. I essentially created a clever web page excel spreadsheet as I wasn't fussed on the tabbed pages used on Andrea's design (no disrespect intended Andrea!). I am expecting someone else to improve on my attempt in turn.

In any case, have fun with it. I am very much looking forward to when I can turn back to my project :)

As an alternative project, a fleet combat simulator might be interesting. Input two fleets USPs (plus a minimal subset of supporting required info) and play out the combat. This would inspire the creation of Fleet generators, possibly using existing tools.

Just planting the seed to see if it sprouts!
 
Back
Top