Create Workspace

What Is A Workspace?

A code workspace can be thought of a singular area wherein all code can be shared. This is a common pattern used internally by e.g. Meta and Google.

The benefits include:

  1. Unified versioning

    a. Everything at that current commit works together

    b. A label or branch can capture the same

  2. Promotes code sharing and reuse

    a. Easy to split code into lib modules

    b. Easy to consume implement that code and the latest changes to it

  3. Easier dependency management

    a. One node_modules for all code

    b. One build setup (like the AngularCLI)

  4. Refactoring benefits

    a. Code editors and IDEs are "workspace" aware

    b. Can have a single commit for a refactor that spans applications in the domain

  5. Consistent developer experience

    a. Ensures all necessary dependent code is available

Why We Love the Idea of a Workspace

Code Re-use

In any large application, code re-use is key. When workspaces are not implemented, a separate npm repo is required. You also need to coordinate libraries and shared code.

Workspaces make it easier to share code and give visibility to other workspaces without it being a walled off application. The apps inside the workspace can be standalone - but have the ability to tap into the required libraries if needed.

It Emphasizes Smaller Modules

Using the tree directory as your referencing point can become cumbersome over time. As a result, a workspace encourages a modular approach to building features. This often results in smaller modules, services and components.

Workspace Notable Mentions

apps folder

All application that we will be creating will go into the apps folder.

libs folder

All code intended to be shared by any one of our apps, will be created in the libs folder. It is a secret weapon.

tsconfig, test, and linting

This is where the universal configurations for Typescript, unit testing, and linting will live. It will be accessible and used across all applications apps folder, in addition to all the libraries in the lib folder.

json icon
extensions.json
html icon
app.component.html
sass icon
app.component.scss
test-ts icon
app.component.spec.ts
angular-component icon
app.component.ts
angular icon
app.module.ts
git icon
.gitkeep
typescript icon
environment.prod.ts
typescript icon
environment.ts
favicon icon
favicon.ico
html icon
index.html
typescript icon
main.ts
typescript icon
polyfills.ts
sass icon
styles.scss
typescript icon
test-setup.ts
browserlist icon
.browserslistrc
json icon
.eslint.json
eslint icon
.eslintrc.json
cypress icon
cypress.json
jest icon
jest.config.ts
json icon
project.json
tsconfig icon
tsconfig.app.json
tsconfig icon
tsconfig.editor.json
tsconfig icon
tsconfig.json
tsconfig icon
tsconfig.spec.json
git icon
.gitkeep
json icon
tsconfig.tools.json
editorconfig icon
.editorconfig
eslint icon
.eslintignore
eslint icon
.eslintrc.json
git icon
.gitignore
prettier icon
.prettierignore
prettier icon
.prettierrc
markdown icon
README.md
javascript icon
decorate-angular-cli.js
jest icon
jest.config.ts
jest icon
jest.preset.js
nrwl icon
nx.json
nodejs icon
package.json
tsconfig icon
tsconfig.base.json
# <%= titleName %>

Razroo Angular Enterprise Starter. Created by world class consulting firms, vetted by Razroo. 

## Hydrate Repository With Next Steps 🌊

Using Razroo, you can generate core architecture for this repository. Click on the link here to do so.

## Getting Started πŸ—ΊοΈ

### Installing πŸ› οΈ
```
npm install
```

### Start Repo 🏁
```
npm start
```

## Running Tests πŸ§ͺ
Run the following command to run jest on all unit tests:
```
npm test
```

## Razroo x Razroo VSCode Plugin πŸ’‘
You can use the Razroo VSCode Plugin to generate Enterprise grade code directly to your VSCode Editor. [Click here](vscode:extension/Razroo.razroo-vscode-plugin) to install the Razroo VSCode Plugin.

### Features included
| Feature                     	| Description                                                                                                   	|
|-----------------------------	|---------------------------------------------------------------------------------------------------------------	|
| Point and Click Scaffolding 	| Simply create a folder, right click, choose scaffold type, and generate code.                                 	|
| Code Snippets               	| Type a comment followed by "ss". You can then choose a snippet of code to generate inside of your code editor 	|
| Feature Generate            	| Generate entire code features from the web to your local code editor                                          	|
| Command Generation          	| Trigger commands from the web to you local code editor                                                        	|
| Code Generation History     	| Track code generated in code editor within razroo web application                                             	|