Isolated Javascript Component Development

See more:

Javascript

Visual-Studio

UI

Hi,

I'm about to embark on a very large Javascript/Typescript driven Web UI project.

There are going to be 100s of screens making up many workflows.

I'm looking for guidance on how this can be managed within a large team environment.

For instance, phase one is to create the basic component tool kit with the required boiler plate features such as multi-language, RTL and LTR support and internal CSS rules for basic items such as text boxes, check boxes, lists e.t.c.

I want this component framework to exist in isolation as it's own project. I then want to output from this project a resource to be used by the other teams in the same way you'd share .Net component library.

The next level of development will be to design each of the workflows and it's forms which again I want done in isolation from the rest of the application. I then want a similar output from these project which will be used by an integration team who will be responsible for putting together the overall application.

We will then be writing coded UI testing to test each work flow. This is also a driving factor for each project to work in isolation as this is the level at which I want to perform our first stage integration testing.

All of this is easy to do with Visual Studio for ASP.Net where the output is a compiled .Net assembly.

But I'm struggling to find a good way to do this for a pure JS project.

One proposed solutions which I'm starting to look at is React.js and JSX syntax? Any thoughts on this?

Any other approaches or patterns you can think of which would improve the maintainability and manageability of this project?