DEV Community

Cover image for Angular: How would you create a Web Based Component Generator?
JWP
JWP

Posted on

1 1

Angular: How would you create a Web Based Component Generator?

Problem

We have a reusable library of Angular components, most are GUI based, but not all

We want to create a way so all the available components are shown on the left aside in a list, and be able to drag them to an area that will represent our new component which contains those components. The new component is created as a container of the others.

To get started we ignore the styling in the new component.

Any ideas on how to do this?

Top comments (4)

Collapse
 
saulburgos profile image
Saul Burgos Davila

I would suggest Angular elements

angular microfronted is called. Each component can have its own version of angular or writen in another framework...

Collapse
 
jwp profile image
JWP

Thanks Saul, I'll take a look.

Collapse
 
brooksforsyth profile image
Brooks Forsyth

Are you trying to make a drag and drop site/component creator that generates the code?

Collapse
 
jwp profile image
JWP • Edited

Yes. I already have the component library. 80% of code would be in components

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay