The following is an overview of all the events that transpired during the remote Angular meetup that was recently organised:
How to avoid memory leaks in Angular: Vishvanath Shankar
Integrating Tailwind CSS and HOC in Angular: Abhinab Das
The next talk by an in-house software engineer from GeekyAnts-Abhinab Das, dealt with the topic of integrating Tailwind CSS and HOC in Angular projects. In his extensive expertise with creating payment systems, he realised that certain components needed to be modified by adding HOC on Angular due to certain issues that were arising due to high scaling mechanisms. The discussion started with an introduction to HOCs while also exploring the various benefits that come with the recent update on Angular Ivy. Abhinab’s rationale behind exploring this concept comes from the idea that most features can be eradicated during the development stage as most components are not used by consumers which makes creating them rather redundant. He explained this concept via a demonstration which was made possible due to Angular’s compilation properties which offer for compiling at the same locality without dependencies and the the ability to delete anything that is not required. Ivy has eradicated CSS issues by providing a predictable way of merging which was witnessed in the experiment with a presentation where the slide show is lazily loaded with the smaller components being rendered when the left button is clicked. The talk concluded with the consensus that integrating Tailwind CSS and HOCs in Angular projects results in customisable UI applications wherein the unnecessary components have been purged as well as quality performant code.
Do more with custom directives in Angular: Adithya Sreyaj
Aditya Sreyaj, a senior frontend engineer at Hypersonics, was the next speaker on the list with a talk about doing more with custom directives in Angular. He started the discussion by explaining directives which are classes that add additional behavior on Angular projects to modify it while also touching up on the various types of directives which include components, attribute and structural directives. Next, he argued the importance of using custom directives by talking about the various possibilities and benefits that custom directives offer which include testable code, easy maintenance, and the provision of input validations. Post this, a demonstration was conducted to show the functionalities of directives with multiple use cases wherein there is a directive and component and the objective is to move the complete sorting logic outside to gain access to the parent through the child directive; he three directives that were used as examples in the session were the table sort directive, fullscreen directive and the badge directive.
The last discussion for the day was by Valluri Kumar, the chief architect at Huawei India who has more than twenty years of experience in the field. The discussion revolved around amalgamating Huawei’s 1+8+N strategy, which states that mobile phones are connected with eight other devices due to their vase capabilities, along with an IoT system to increase efficiency. Valluri also discussed the increasing importance of the smartphone in the digital era, whether it is for entertainment, professional, education or other purposes, which has caused Huawei to introduce this new technology based on Harmony OS as they saw the futuristic capabilities of such a system. He then spoke about the importance of building reusable components in app development as it is both cost and time effective while also introducing the concept of ALEG, which was Huawei's solution of bringing all reusable components under one platform.
The informative meetup covered many of the interesting happenings and innovations within the Angular community. The session was brought to an end with a Q&A session wherein the panelists answered questions from the audience.
You can watch the entire session below: