Creating Custom Material UI Icons From SVG Sprite in React
Material UI (MUI) library is a well-known React UI tools that help you build UIs in React more easily and quickly. It provides its own set of material icons, but also allows you to use your own SVG icons. It works perfect when you have s single SVG image. However, certain issues occur when you […]
Why Angular Typed Forms Don’t Work as Expected
Angular has a very powerful feature called reactive forms. As powerful as this feature is, though, reactive forms have had one significant drawback for while—the lack of strict typing. Finally, this shortcoming was improved in Angular v14. Let’s look at this in more detail to see how it helps to improve our development. As shown […]
Improving Stability and Security in JavaScript Apps Using Data Mapping
Being able to exchange data between the front-end and back-end of web applications is a primary component of their architectural design. For enterprise projects, neither part of the application should trust they data they receive. For example, hopefully it’s obvious that the back-end must validate every value that comes to its endpoints from the front-end. […]
Create and Compile Web Components in Angular Projects
Web components are custom, reusable HTML, CSS, & JS elements with their own complex behavior which is encapsulated away from the rest of the code and can be used independently in web apps. We can create and compile web components in many ways – by Angular project, with pure JavaScript, another frameworks etc. Web components […]
UI Automation Testing of Angular apps using Protractor / Jasmine
Automation testing is usually considered to be a separate process which requires the automation QA team to write tests in a separate solution with their own build process and workflow. But I will show how we can easily build an automated test suite within any Angular CLI project. Protractor is configured by default in any […]
Securing Angular Applications
Single Page Applications or SPA have become the gold standard for modern web applications. Almost every application contains two major areas: secured and unsecured. Today we will learn how to restrict access to the secured area for non-authorized users in modern Angular (version 2 and higher). No previous Angular experience is required to complete this […]
Kendo Grid with Angular2: From Scratch
At Trailhead, we’ve been making the switch from Angular 1 to Angular 2 for our new web front-end projects. The selection of tools and components for Angular 2 has been slowly expanding, but it is still young and somewhat limited at times, which is why we’ve been very excitedly following the news from our friends […]