Hello everyone ! let’s talk about Angular Material, a super cool UI library created by google that we angular developers love to use in our projects. But …. what if we have been using it wrong ? I get it, some components that the library uses are super simple, just with a copy and paste we can get them working, and the same with more complex elements like the auto complete…. right ?.

Lets see some examples:

https://material.angular.io/components/input/overview

HTML for Angular Material inputs

<input matInput placeholder="Favorite food" value="Sushi">

Easy enough! we can still change it in a way so we…


Configuration Files:

tsconfig.json

Path Alias:

They are shortcuts for our files, with them we can implement imports in a more comfortable and short way.

"paths":{  
"@src/*":[
"src/*"
],
"@assets/*":[
"src/assets/*"
],
"@shared/*":[
"src/app/shared/*"
]
}

angular.json

stylePreprocessorOptions:

It expects a json with the following property “includePaths” that declares shortcuts for our style files in the same that path alias, the only difference is that it doesn’t need an “@” to use it on your scss files.

"stylePreprocessorOptions": {
"includePaths": ["src/app/shared/styles"]
},

Configurations:

Each one of the configurations available for our project to use on our compilation.

I recommend the following for development and production:

"configurations": {…


Hi everyone ! I often found myself creating custom solutions to state management problems for my junior coworkers, because lets get real about this…. reactive programming and ngrx/store are pretty difficult to understand and more to master.

I LOVE Rxjs ! customizing flows of data trough observables and combining their results are one of my guilty pleasures in development, but not everyone feels the same when having to share information between brother components or different modules. You may often use services, input and outputs, or even create Rxjs’s observables to try to fix this, but as the application grows ngrx/store…

Alan Buscaglia

I'm an Engineer Front End Developer Architect with expertise in Angular with ngrx/store. Huge experience in big data flow applications.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store