Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Project structure

See original GitHub issue

As mention on issue #5 we might want to follow the following structure:

./ComponentName/                       The folder containing the component
  ComponentName.styles.ts           The file containing the components styles
  ComponentName.tsx                   The actual component
  index.ts                                         File that exports the component so imports can just be /components/ComponentName/ instead of /component/ComponentName/ComponentName

There is a VSCode extension that generates this files called VSCode React Component Generator.

I also have a few snippets I could put in the repo so we can all follow the same/similar format.

Main content (score /players section)
Controls content ( Score buttons, reset button / notes)
Map content

Issue Analytics

State:
Created 3 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

chilblanecommented, Sep 12, 2020

Yeah usually I would keep the component styles together with their matching jsx/tsx.

I see also you put the “global” styles in themes folder, which is fine I suppose.

1reaction

francistse23commented, Sep 12, 2020

sounds great. I’ll leave it to Kedyn to make that decision though. only contributing/helping with the smaller things 😉

Top Results From Across the Web

Essential Guide to Project Organizational Structure - Smartsheet

There are three types of organizational structures in project management: functional, matrix, and projectized. Each project structure framework ...

Project Organization 101: How to Structure Your Project

The project organization is the structure of the project. It's created separately, with specialists and workers from various departments. These ...

Project structure - Definition and more

Definition (1):. A project structure is an organizational framework where employees continuously function on projects. Teams of employees perform all works ...

Project Structure and Organisation - ePMbook by Simon Wallace

Typically the project will be divided into various sub-teams - each with its own Team Leader. Team Leaders would be responsible for the...

What is Project Organization? Definition, Types and Steps

Project organization refers to the style of coordination, communication and management a team uses throughout a project's life cycle. Project ...