<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Kushal J</title>
    <description>The latest articles on DEV Community by Kushal J (@kutec).</description>
    <link>https://dev.to/kutec</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F49238%2F9860a804-5f86-4399-9f92-e1faa5c4db3c.png</url>
      <title>DEV Community: Kushal J</title>
      <link>https://dev.to/kutec</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kutec"/>
    <language>en</language>
    <item>
      <title>Angular - HTML Debugger Mode (feature request) </title>
      <dc:creator>Kushal J</dc:creator>
      <pubDate>Mon, 19 Jul 2021 06:25:30 +0000</pubDate>
      <link>https://dev.to/kutec/angular-html-debugger-mode-for-the-bound-keys-o6n</link>
      <guid>https://dev.to/kutec/angular-html-debugger-mode-for-the-bound-keys-o6n</guid>
      <description>&lt;p&gt;Hello Coders, &lt;/p&gt;

&lt;p&gt;Here I would like to share a feature request that I have raised to Angular community. &lt;/p&gt;

&lt;p&gt;This is to add a feature where a developer can see an object key bound over an HTML element.&lt;/p&gt;

&lt;p&gt;This can be helpful where a developer has to check for a key from a big chunk of service response.&lt;/p&gt;

&lt;p&gt;Requesting to go over the below link of Github and support by giving an upvote.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/angular/angular/issues/42269#issue-899733493"&gt;https://github.com/angular/angular/issues/42269#issue-899733493&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Also share your thoughts in comments. &lt;/p&gt;

&lt;p&gt;Thanks. &lt;/p&gt;

</description>
      <category>angular</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>html</category>
    </item>
    <item>
      <title>QUE: Optimize all blog post images with the gatsby-image plugin</title>
      <dc:creator>Kushal J</dc:creator>
      <pubDate>Mon, 15 Jun 2020 18:48:26 +0000</pubDate>
      <link>https://dev.to/kutec/que-optimize-all-blog-post-images-with-the-gatsby-image-plugin-k61</link>
      <guid>https://dev.to/kutec/que-optimize-all-blog-post-images-with-the-gatsby-image-plugin-k61</guid>
      <description>&lt;div class="ltag__stackexchange--container"&gt;
  &lt;div class="ltag__stackexchange--title-container"&gt;
    
      &lt;div class="ltag__stackexchange--title"&gt;
        &lt;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7Gn-iPj_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/62394859/optimize-all-blog-post-images-with-gatsby-image-plugin" rel="noopener noreferrer"&gt;
               Optimize all blog post images with gatsby-image plugin
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Jun 15 '20&lt;/span&gt;
            &lt;span&gt;Comments: 1&lt;/span&gt;
            &lt;span&gt;Answers: 0&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/62394859/optimize-all-blog-post-images-with-gatsby-image-plugin" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Y9mJpuJP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""&gt;
        &lt;div class="ltag__stackexchange--score-number"&gt;
          1
        &lt;/div&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wif5Zq3z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;I am wondering if there is a possibility to enable the &lt;a href="https://www.gatsbyjs.org/packages/gatsby-image/" rel="nofollow noreferrer"&gt;gatsby-image&lt;/a&gt; plugin for all images by default for a blog post, where I may have more than 1 image.&lt;/p&gt;
&lt;p&gt;This is how my blog post uses images:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;A featured image, which is a part of frontmatter (and I am…&lt;/li&gt;
&lt;/ol&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/62394859/optimize-all-blog-post-images-with-gatsby-image-plugin" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
    </item>
    <item>
      <title>Answer: Duplicate Identifier Issue with ngClass</title>
      <dc:creator>Kushal J</dc:creator>
      <pubDate>Thu, 10 Oct 2019 09:59:29 +0000</pubDate>
      <link>https://dev.to/kutec/answer-duplicate-identifier-issue-with-ngclass-ckl</link>
      <guid>https://dev.to/kutec/answer-duplicate-identifier-issue-with-ngclass-ckl</guid>
      <description>&lt;div class="ltag__stackexchange--container"&gt;
  &lt;div class="ltag__stackexchange--title-container"&gt;
    
      &lt;div class="ltag__stackexchange--title"&gt;
        &lt;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7Gn-iPj_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/46837574/supress-duplicate-error-in-aot-compiler/46839058#46839058" rel="noopener noreferrer"&gt;
              &lt;span class="title-flare"&gt;answer&lt;/span&gt; re:  Supress duplicate error in aot compiler
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Oct 19 '17&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/46837574/supress-duplicate-error-in-aot-compiler/46839058#46839058" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Y9mJpuJP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""&gt;
        &lt;div class="ltag__stackexchange--score-number"&gt;
          1
        &lt;/div&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wif5Zq3z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;It seems this line was the culprit in AOT.&lt;/p&gt;

&lt;pre&gt;&lt;code&gt;[ngClass]="{'active': math.Name == subjectVM.SelectedMathDomain,'active': math.Title == subjectVM.SelectedDomain}"
&lt;/code&gt;&lt;/pre&gt;

&lt;p&gt;And I changed it to&lt;/p&gt;

&lt;pre&gt;&lt;code&gt;[ngClass]="{'active': (math.Name == subjectVM.SelectedMathDomain || math.Title == subjectVM.SelectedDomain)}"
&lt;/code&gt;&lt;/pre&gt;

&lt;p&gt;I wonder why the first line does not throw an error in JIT.&lt;/p&gt;

    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/46837574/supress-duplicate-error-in-aot-compiler/46839058#46839058" rel="noopener noreferrer"&gt;Open Full Answer&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
    </item>
  </channel>
</rss>
