Developing custom UI Library with Node.js and Angular locally

Dominik Januvka
Webtips
Published in
3 min readAug 6, 2020

--

Photo by Aleix Ventayol on Unsplash

Hello World

We all came across state where is need to use one piece of code on multiple places in your project, so you create a service, function …etc for that. Next level is when you have multiple projects. You create a library for commonly used pieces of code. Right? So we can have clear code, more modular and reusable approach to projects using our custom made common library, by using reusable functions and components.

TL;DR: We all develop projects locally, right? So we do libs. Here is how-to setup such a project.

Library! For sure

In this example I’ll talk about creating Common UI Library using Node.js and Angular 8+ framework which you can use in your project and have complete local development in your hands

Setup Project

Install node if you don’t have it yet follow https://nodejs.org/en/download/

Then create Angular project following official guide https://angular.io/guide/setup-local

Nothing special here, move along

Setup Library

Create UI Library project in separated (sibling to you project) directory ‘../UI-workspace’

--

--