Angular applications development

Unofficial Content

The GeneXus Angular Generator uses the open-source web application framework Angular to help you build modern applications for the web.

Angular (together with React and Vue.js) is a front-end framework that constitutes a solution for developing modern, fast, and high performant web applications.

Web apps have evolved from web pages (where pages were submitted) to Ajax technology, SPA (Single Page Applications), and to current Progressive Web Applications. We are evolving with technology to support the latest features of Web apps by introducing the Angular Generator (GeneXus Beta Channel).

image_201931214857_1_png

Angular applications are a "one-page application;" that is, when the state is changed, the page is not reloaded. Instead, the DOM is modified to alter its content. Angular implements this by using a DOM virtual scheme and a state change detector, so that when the application state is altered, only the DOM is modified to the minimum necessary to reflect the change.

Angular Generator architecture

The solution has a traditional three-tier architecture, with a server-side (i.e., Back-end) where the services, business logic, and connection to the database are performed. On the client-side (i.e., Front-end), we have the UI presentation, and all the necessary components to keep the session state and connect to the server-side.
The Front-end is generated using Angular (Node.js), and the Back-end can be generated using Java, .Net or .Net Core generators.

image_2019312141833_1_png

The Front-end does the following:

  • Present information
  • Maintain state locally
  • Validate the "business logic" (not available in CTP version)
  • Interact with the server for exchanging data 

What language is generated?

The generated code of the Angular Generator is HTML and TypeScript. See Angular Generator Architecture for more information.

In this Beta version, you can generate your Smart Devices apps (e.g., SD panels) as web apps using Angular. You just need to check some Angular Generator prerequisites for your development environment, and you'll be ready to execute your Angular application.