Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications. Angular DevTools supports Angular v9 and later, with Ivy enabled. You can find Angular DevTools in the Chrome Web Store. After installing Angular DevTools, find the extension under the Angular tab in Chrome DevTools. When you open the extension, you’ll see …
Mapbox GL
Mapbox GL is a suite of open-source libraries for embedding customizable and responsive client-side maps in web, mobile, and desktop applications. Mapbox GL maps render at a high frame rate. The abbreviation “GL” comes from OpenGL, the industry-standard Open Graphics Library. Mapbox GL allows you to use custom styles designed in Mapbox Studio. You can also manipulate every aspect of …
Yup
Yup is a JavaScript schema builder for value parsing and validation. Define a schema, transform a value to match, validate the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformations. Yup’s API is heavily inspired by Joi, but leaner and built with client-side validation …
TypeORM
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8). Its goal is to always support the latest JavaScript features and provide additional features that help you to develop any kind of application that uses …
Metadata for SPAs
Have you ever consider Metadata in SPAs? Without metadata, we weaken our ability to demonstrate relevance to search engines. That, in turn, lowers our rankings and reduces the number of consumers to our sites(ecommerce, social). Metadata is a series of micro-communications between site and search engines. Nearly all metadata is invisible to visitors. It lives …
Creating Reusable Components with NgTemplateOutlet in Angular
NgTemplateOutlet inserts an embedded view from a prepared TemplateRef. Using NgTemplateOutlet instead of creating specific components allows for components to be easily modified for various use cases without having to modify the component itself! The templates will be TemplateRefs using <ng-template> and the stamps will be EmbeddedViewRefs created from the TemplateRefs. EmbeddedViewRefs represent views in Angular with their own context and are the …
Angular i18n vs ngx-translate
There are normally 2 ways of implement multi language in angular. i18n is supported by Angular team officially. ngx-translate is on https://github.com/ngx-translate/core Both has pros and cons. i18n is supported long term and ngx-translate is not supported long term because Angular team hired the author of the repository to develop i18n package. i18n should have …