Components are the most basic building block of an application.
📄️ Pure Component
The pure component in MonsterJS is a component used for the purposes of rendering small pieces of UI.
Module is a way to group components, directives, services, pipes and modules of application that are related to each other.
A state is a data that describes a state of a component.
📄️ Change detection
Change detection is a way to synchronize the data between component's logic and view.
📄️ Data binding
Data binding is a way to synchronize the data of logic and view.
📄️ Event handling
Event handling is a directive that allows the component to respond to user action on the UI like button clicks, text inputs, drag elements and other actions.
📄️ Observed attributes
Observed attributes are values passed down from parent component to child component as an element attribute and their changes is being observed by the child component.
Props is a directive that allows developers to pass any type of data from parent to child.
📄️ Output function
The output function is a way to expose a function outside the component so that we can trigger this from the parent component.
📄️ List rendering
List rendering directive allows developers to render a list of element based on the given array of data.
📄️ Conditional rendering
Conditional rendering is used to conditionally render an element to the dom.
📄️ Lifecycle hooks
Lifecycle hooks are functions that lets you run a block of codes when your component triggers a lifecycle event.
Directive is another way to change the appearance and add additional behavior to an element.
📄️ Custom directives
Custom directives are classes that manipulates an element in our MonsterJS application.
Pipes are used to transform a string, object, number and other values for display.
📄️ Custom Pipes
Custom pipes allow us to create reusable value transformers that can be used directly in the template or in logic of our components.
Services are injectable classes that are used to perform reusable logic.
📄️ Dependency injection
In MonsterJS dependency injection is a design pattern in which a class or function receives another class or function that it depends on.