PRIMENG – WEB COMPONENT FRAMEWORK IN ANGULARJS 2

Home/PRIMENG – WEB COMPONENT FRAMEWORK IN ANGULARJS 2

AngularJS is a JavaScript web application framework. It encapsulates the MVC (Model View Controller) and MVVM (Model View View Model) architecture models. One of its features that I like most is the two way binding.

Introduction

AngularJS is a JavaScript web application framework. It encapsulates the MVC (Model View Controller) and MVVM (Model View View Model) architecture models. One of its features that I like most is the two way binding. Nowadays, there are 2 versions of this framework:

  • 1.x the older one, which has many tutorials and is used in many applications
  • 2.x the new one, which fixes a lot of problems from the first version, improves the framework and makes it even easier and more organized

 AngularJS makes in many ways your work easier, but does not give you ready to use components for front end development that you might need like tables, buttons, input components etc. You can either write your own, which is time consuming, or you can find something available.

I’ve chosen the second option. I found several component frameworks available like Ionic, Angular UI Bootstrap (based on twitter bootstrap), Angular Material. Each of these provided quite solid and useful components with easy usage, but I wanted to try something not that well explored and brand new. Some time before, I worked on several projects that were using PrimeFaces (JSF – Java Server Faces based) component library. I like on this framework, that it has a lot of components ready to use, it is easy and comprehensive to use having enough flexibility to adjust the existing components or change the look and feel of your application.   

PrimeNG

PrimeTek, the company that created PrimeFaces and PrimeUI (pure HTML, JavaScript, JQuery component library), recently started to work on its own Angular component framework called PrimeNG. It is built on AngularJS 2.0 and written in TypeScript. In terms of usage, it is very similar to PrimeFaces. Basically, some of the components you find in PrimeFaces and PrimeUI can be found also in PrimeNG and they can be used in a very similar way. It also uses (as PrimeFaces) PrimeUI as its core dependency with similar CSS base etc.

It is a very young component library,  the development started on January 2016. The development speed is pretty quick  and many of the most useful components from PrimeFaces and PrimeUI are already available in PrimeNG. The 1.0 Final version is said to be delivered on 23rd of November.

PrimeNG at the current state of development provides a lot of ready to use components like DataTables, TreeTables, Dialogs, Menus, Charts, Drag&Drop functionality, Inputs (switches, dropdowns, spinners toggles …) and many more. If you want to check them out in action, just visit this link .

Nevertheless, PrimeNG supports JQuery Theme Rolles, so there are many free themes available to customize the look and feel of your application.

2017-06-14T10:46:17+00:00

About the Author:

Leave A Comment

Contact Us