question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Custom Icon Presets (Angular, Nest, React, Redux, NgRx)

See original GitHub issue

NgRx is basically an implementation of the same concept as Redux and Flux, and uses a lot of terminology taken from Redux.

Most of the file associations for Redux files therefore work with NgRx files, which is great! But there’s one that doesn’t. Where Redux has “epics”, NgRx has “effects”. They do the same thing, but while the first gets a unique icon, the latter just gets the default .ts (or .js) icon.

I’d like the regex .*([eE])ffects?\.(js|ts)$ to return the same file icon (in the same colour) as .*([eE])pics?\.(js|ts)$.

When I saw that custom file associations had been added, I was hoping I could do it myself in Settings. But it looks like we don’t have access to the internal icons, and need to provide our own icon files for these custom associations.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:13 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
mallowigicommented, Jun 3, 2020

I have a plan to add custom “presets” to switch icons according to the framework - for instance nest/angular or redux/ngrx…

0reactions
VanTigranyancommented, Oct 18, 2021

I have a plan to add custom “presets” to switch icons according to the framework - for instance nest/angular or redux/ngrx…

Hey @mallowigi any news on these presets feature?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using Redux with Angular - NGRX - Unimedia Technology
Today we are going to learn how to introduce on using REDUX State management in an Angular Web Application with the NGRX library....
Read more >
A curated list of awesome Angular resources - GitHub
React Native General Resources; React Native Projects ... Angular · Egghead.io - Build Redux Style Applications with Angular2, RxJS, and ngrx/store ...
Read more >
Top 10 VS Code extensions for 2021 - LogRocket Blog
We'll cover the following VS Code extensions: Auto Rename Tag; Bracket Pair Colorizer; Snippets; Better Comments; Markdown All in One; Icons ...
Read more >
Angular 11 State Management With NgRx & Side Effects
In this article, we will cover: 1. Why/when should we use state management in an angular app 2. What are the pros and...
Read more >
How to use Redux in an Angular application - ASSIST Software
Read this blog article and find out more about how easy it is to use Redux and the NgRx library by creating a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found