1 line
No EOL
46 KiB
XML
1 line
No EOL
46 KiB
XML
<?xml version="1.0" encoding="UTF-8"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/"><category term="Angular2" label="r/Angular2"/><updated>2023-01-24T03:28:12+00:00</updated><icon>https://www.redditstatic.com/icon.png/</icon><id>/r/Angular2.rss</id><link rel="self" href="https://www.reddit.com/r/Angular2.rss" type="application/atom+xml" /><link rel="alternate" href="https://www.reddit.com/r/Angular2" type="text/html" /><subtitle>Angular is Google's open source framework for crafting high-quality front-end web applications. r/Angular2 exists to help spread news, discuss current developments and help solve problems. Welcome!</subtitle><title>Angular (2+)</title><entry><author><name>/u/cryptos6</name><uri>https://www.reddit.com/user/cryptos6</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Google fired 6% of its workforce and I&#39;m wondering whether Angular is affected by it. Does anybody know?</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/cryptos6"> /u/cryptos6 </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10jc5kc/is_angular_affected_by_the_layoffs_at_google/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10jc5kc/is_angular_affected_by_the_layoffs_at_google/">[comments]</a></span></content><id>t3_10jc5kc</id><link href="https://www.reddit.com/r/Angular2/comments/10jc5kc/is_angular_affected_by_the_layoffs_at_google/" /><updated>2023-01-23T13:11:30+00:00</updated><published>2023-01-23T13:11:30+00:00</published><title>Is Angular affected by the layoffs at Google?</title></entry><entry><author><name>/u/ahmedRebai</name><uri>https://www.reddit.com/user/ahmedRebai</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><table> <tr><td> <a href="https://www.reddit.com/r/Angular2/comments/10jq69r/optimizing_angular_unit_tests_for_faster_execution/"> <img src="https://external-preview.redd.it/-3aBWhDBPhR3rmgQBTVPbMpV4jtwkFLupUL2b74tx5w.jpg?width=640&amp;crop=smart&amp;auto=webp&amp;s=7627c4961e83de7a9f66f205ec1c9402e44b9e8b" alt="Optimizing Angular Unit Tests for Faster Execution ⏳⏰" title="Optimizing Angular Unit Tests for Faster Execution ⏳⏰" /> </a> </td><td> &#32; submitted by &#32; <a href="https://www.reddit.com/user/ahmedRebai"> /u/ahmedRebai </a> <br/> <span><a href="https://ahmedrebai.medium.com/optimizing-angular-unit-tests-for-faster-execution-70c7adda6b21">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10jq69r/optimizing_angular_unit_tests_for_faster_execution/">[comments]</a></span> </td></tr></table></content><id>t3_10jq69r</id><media:thumbnail url="https://external-preview.redd.it/-3aBWhDBPhR3rmgQBTVPbMpV4jtwkFLupUL2b74tx5w.jpg?width=640&crop=smart&auto=webp&s=7627c4961e83de7a9f66f205ec1c9402e44b9e8b" /><link href="https://www.reddit.com/r/Angular2/comments/10jq69r/optimizing_angular_unit_tests_for_faster_execution/" /><updated>2023-01-23T22:55:04+00:00</updated><published>2023-01-23T22:55:04+00:00</published><title>Optimizing Angular Unit Tests for Faster Execution ⏳⏰</title></entry><entry><author><name>/u/zootia</name><uri>https://www.reddit.com/user/zootia</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Hey Reddit,</p> <p>I recently got a new manager and he has asked me to increase FE test coverage for our project. I was confused because we have jasmine tests already covering all the major methods. Like service/api calls or any sort of data structure manipulation logic within the components are covered. </p> <p>He sat down with me on a call and said that the coverage was not sufficient and pointed out an example.</p> <p>It was a simple *ngIf block in the template, that showed a section of the page if a value was true and hid it if it wasn&#39;t. Very simple. He asked &quot;How are you testing that this part will actually be hidden?&quot;. I showed him how we were testing the api call that returns the boolean value that controls it with a spy on the service in the spec file. But he kept saying yes but how can you make sure this is actually hidden in the rendered page? I was kinda confused and didn&#39;t know what to say? I asked him if he meant like in e2e tests where a page is rendered and things are tested? (We have a full set of Cypress e2e tests and a dedicated QA engineer who writes these btw). He said yes, we need to test the elements on the page and not the innards of the component logic. I was super confused and told him I&#39;d never heard of Jasmine tests being written like that before.</p> <p>He openly mused about how I had been writing Angular code for so long and didn&#39;t understand how to write tests and linked me this (<a href="https://blog.simontest.net/dont-test-the-code-in-your-angular-components-c6ba058f758e">https://blog.simontest.net/dont-test-the-code-in-your-angular-components-c6ba058f758e</a>) and said he wanted every element of the page to be tested in this manner.</p> <p>I this point I stopped pushing and said okay, I&#39;ll read this and get back to you. </p> <p>Upon reading this article, I see it&#39;s a totally different way of approaching testing. Basically like a poor mans e2e. But my thoughts are still that Jasmine tests are most effective testing the internal logic of a component. In the example that my boss had pointed out, am I supposed to be testing that *ngIf works? Am I testing Angular&#39;s or Javascript&#39;s code? Obviously we don&#39;t have to test that *ngIf will actually hide the section if it is false?? Seems pointless and redundant. Also, I think given that we have a full Cypress test suite that actually does this properly.. what is even the point of me writing Jasmine tests to do the same thing, albeit in a less effective manner?</p> <p>I come here asking because maybe I have indeed worked in a well for so long and nobody else writes tests like I had been doing (for 7 years at 4 different companies..?) and this method of testing the &quot;what is rendered to the user&quot; is the correct way to do things now? I need opinions from other experienced devs. I&#39;ve been doing Angular for a long time and I don&#39;t run into a lot of new things but this was a brand new concept to me.</p> <p>Thanks!</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/zootia"> /u/zootia </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10juzge/scope_of_unit_testing_karmajas_boss_wants/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10juzge/scope_of_unit_testing_karmajas_boss_wants/">[comments]</a></span></content><id>t3_10juzge</id><link href="https://www.reddit.com/r/Angular2/comments/10juzge/scope_of_unit_testing_karmajas_boss_wants/" /><updated>2023-01-24T02:37:27+00:00</updated><published>2023-01-24T02:37:27+00:00</published><title>Scope of unit testing (karma/Jas) Boss wants unreasonable testing?</title></entry><entry><author><name>/u/cryptos6</name><uri>https://www.reddit.com/user/cryptos6</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><table> <tr><td> <a href="https://www.reddit.com/r/Angular2/comments/10jeged/the_most_demanded_frontend_frameworks_in_2022/"> <img src="https://external-preview.redd.it/geKV964ZSUJpTjnns4KSxerf4HAif-l1QBr3jur63J8.jpg?width=640&amp;crop=smart&amp;auto=webp&amp;s=34a5971e2cddca886cf2a2b226fa33a07a3208ce" alt="The Most Demanded Frontend Frameworks in 2022" title="The Most Demanded Frontend Frameworks in 2022" /> </a> </td><td> &#32; submitted by &#32; <a href="https://www.reddit.com/user/cryptos6"> /u/cryptos6 </a> <br/> <span><a href="https://www.devjobsscanner.com/blog/the-most-demanded-frontend-frameworks-in-2022/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10jeged/the_most_demanded_frontend_frameworks_in_2022/">[comments]</a></span> </td></tr></table></content><id>t3_10jeged</id><media:thumbnail url="https://external-preview.redd.it/geKV964ZSUJpTjnns4KSxerf4HAif-l1QBr3jur63J8.jpg?width=640&crop=smart&auto=webp&s=34a5971e2cddca886cf2a2b226fa33a07a3208ce" /><link href="https://www.reddit.com/r/Angular2/comments/10jeged/the_most_demanded_frontend_frameworks_in_2022/" /><updated>2023-01-23T15:00:25+00:00</updated><published>2023-01-23T15:00:25+00:00</published><title>The Most Demanded Frontend Frameworks in 2022</title></entry><entry><author><name>/u/Fantastic-Beach7663</name><uri>https://www.reddit.com/user/Fantastic-Beach7663</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>I have the following form set-up:</p> <pre><code>this.myForm = this.fBuilder.group({ locations: this.fBuilder.group({ universities: this.fBuilder.array([]), cities: this.fBuilder.array([]), countries: this.fBuilder.array([]) }, { validators: CustomValidators.minItemsInFormGroupNestedFormArrays(1)}) }); </code></pre> <p>And I&#39;ve made a custom validator. I need the user to have selected at least 1 within 1 of the 3 arrays.</p> <p>But I&#39;m a bit rusty on looping through the nested objects (universities, cities and countries) to then get the total number of array items in each. So far I have:</p> <pre><code>static minItemsInFormGroupNestedFormArrays(min = 1) { const validator: ValidatorFn = (formGroup: AbstractControl) =&gt; { if (formGroup instanceof FormGroup) { const totalSelected = Object.entries(formGroup.controls).reduce((acc, [key, value]) =&gt; { acc + value.value.length; return acc; },0); console.log(totalSelected); return totalSelected &gt;= min ? null : { required: true }; } throw new Error(&#39;formGroup is not an instance of FormGroup&#39;); }; return validator; } </code></pre> <p>But this always returns that I have 0 items even after I add items into the arrays.</p> <p>I&#39;d just need to look for the length in each array. If there is at least 1, then validation passes.</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/Fantastic-Beach7663"> /u/Fantastic-Beach7663 </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10jfdmp/custom_validator_min_number_of_selected_items_in/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10jfdmp/custom_validator_min_number_of_selected_items_in/">[comments]</a></span></content><id>t3_10jfdmp</id><link href="https://www.reddit.com/r/Angular2/comments/10jfdmp/custom_validator_min_number_of_selected_items_in/" /><updated>2023-01-23T15:39:58+00:00</updated><published>2023-01-23T15:39:58+00:00</published><title>Custom validator - Min number of selected items in nested arrays</title></entry><entry><author><name>/u/fuscaDeValfenda</name><uri>https://www.reddit.com/user/fuscaDeValfenda</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>I&#39;m using aws-amplify with AWS-Cognito on the application. We identify a need to refresh user token, but I don&#39;t know how to &quot;properly&quot; do it. I already set-up an Interceptor to apply the auth token on every request, for me was hard, but I understood the concept. So I should do the same with the refresh token? Use an interceptor to check if it is expired, then refresh it?<br/> I mean, regards to good practices xDAny help? </p> <p>EDIT:<br/> Explain that I&#39;m passing the auth token and want to refresh it. How to proper refresh the auth token.</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/fuscaDeValfenda"> /u/fuscaDeValfenda </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10jbjo0/noob_asking_about_token_refresh/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10jbjo0/noob_asking_about_token_refresh/">[comments]</a></span></content><id>t3_10jbjo0</id><link href="https://www.reddit.com/r/Angular2/comments/10jbjo0/noob_asking_about_token_refresh/" /><updated>2023-01-23T12:40:15+00:00</updated><published>2023-01-23T12:40:15+00:00</published><title>Noob asking about token refresh...</title></entry><entry><author><name>/u/timdeschryver</name><uri>https://www.reddit.com/user/timdeschryver</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><table> <tr><td> <a href="https://www.reddit.com/r/Angular2/comments/10jhq5u/adding_opentelemetry_to_an_angular_application/"> <img src="https://external-preview.redd.it/7eGHYhbDZMI66Xb9Z6txgc7INK3dptNzChqaB7bYLS8.jpg?width=640&amp;crop=smart&amp;auto=webp&amp;s=71affdaef4eca5130ed7aacfe5b4ee910a6069ac" alt="Adding OpenTelemetry to an Angular Application" title="Adding OpenTelemetry to an Angular Application" /> </a> </td><td> &#32; submitted by &#32; <a href="https://www.reddit.com/user/timdeschryver"> /u/timdeschryver </a> <br/> <span><a href="https://timdeschryver.dev/blog/adding-opentelemetry-to-an-angular-application">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10jhq5u/adding_opentelemetry_to_an_angular_application/">[comments]</a></span> </td></tr></table></content><id>t3_10jhq5u</id><media:thumbnail url="https://external-preview.redd.it/7eGHYhbDZMI66Xb9Z6txgc7INK3dptNzChqaB7bYLS8.jpg?width=640&crop=smart&auto=webp&s=71affdaef4eca5130ed7aacfe5b4ee910a6069ac" /><link href="https://www.reddit.com/r/Angular2/comments/10jhq5u/adding_opentelemetry_to_an_angular_application/" /><updated>2023-01-23T17:16:00+00:00</updated><published>2023-01-23T17:16:00+00:00</published><title>Adding OpenTelemetry to an Angular Application</title></entry><entry><author><name>/u/tech_codes__</name><uri>https://www.reddit.com/user/tech_codes__</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Programmers of all skill levels, are welcome.</p> <p><strong>GOAL</strong> make getting the real world job easier, having already done it. A mock job</p> <p>Learn-on-the-&quot;job&quot; SDE project, to get daily experience as a software engineer. Learn to code (or code better) taking assignments, and reporting on your work, as in a professional Agile software team. We code in Java, and JavaScript, using popular tools. Operate in two week sprints, believe in data structures, algorithms, and code reviews</p> <p><strong>Languages</strong></p> <p>- Java, Javascript, SQL</p> <p>Core Frameworks</p> <p>- Angular, Springboot</p> <p>weekly Wednesday and Thursdays 1:00-2:30 am GMT (6:00-7:30 pm PST)</p> <p><strong>Find us</strong> : <a href="https://www.meetup.com/Denver-Mock-Programming-Job-Meetup">https://www.meetup.com/Denver-Mock-Programming-Job-Meetup</a> </p> <p>or get in touch with <a href="/u/haxwelldotorg">u/haxwelldotorg</a></p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/tech_codes__"> /u/tech_codes__ </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10jmziy/offering_to_mentor_buddies_seeking_sde_job/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10jmziy/offering_to_mentor_buddies_seeking_sde_job/">[comments]</a></span></content><id>t3_10jmziy</id><link href="https://www.reddit.com/r/Angular2/comments/10jmziy/offering_to_mentor_buddies_seeking_sde_job/" /><updated>2023-01-23T20:45:39+00:00</updated><published>2023-01-23T20:45:39+00:00</published><title>OFFERING TO MENTOR BUDDIES Seeking SDE job Experience or Mentorship (Java or JavaScript)</title></entry><entry><author><name>/u/ahmedRebai</name><uri>https://www.reddit.com/user/ahmedRebai</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Hello community, I read somewhere that calling fixture.destroy() inside after hook </p> <p>and calling TestBed.resetTestingModule can help to speed up unit tests </p> <p>Does anyone used them? could you share your experience?</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/ahmedRebai"> /u/ahmedRebai </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10j9x0o/fixturedestroytestbedresettestingmodule_to_speed/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10j9x0o/fixturedestroytestbedresettestingmodule_to_speed/">[comments]</a></span></content><id>t3_10j9x0o</id><link href="https://www.reddit.com/r/Angular2/comments/10j9x0o/fixturedestroytestbedresettestingmodule_to_speed/" /><updated>2023-01-23T11:04:23+00:00</updated><published>2023-01-23T11:04:23+00:00</published><title>fixture.destroy()/TestBed.resetTestingModule to speed up unit tests with Angular</title></entry><entry><author><name>/u/wmmaina</name><uri>https://www.reddit.com/user/wmmaina</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><table> <tr><td> <a href="https://www.reddit.com/r/Angular2/comments/10jjq2s/using_zod_schemas_as_source_of_truth_for/"> <img src="https://external-preview.redd.it/bgLd-ZQvKYKbDDy4PyIF0T7u3Mx_JpWG81LBmrz7q6Q.jpg?width=640&amp;crop=smart&amp;auto=webp&amp;s=19790d6c1619974ed1a3755d5533f3e739f5a6ba" alt="Using Zod Schemas as Source of Truth for Typescript Types" title="Using Zod Schemas as Source of Truth for Typescript Types" /> </a> </td><td> &#32; submitted by &#32; <a href="https://www.reddit.com/user/wmmaina"> /u/wmmaina </a> <br/> <span><a href="https://www.allthingstypescript.dev/p/using-zod-schemas-as-source-of-truth">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10jjq2s/using_zod_schemas_as_source_of_truth_for/">[comments]</a></span> </td></tr></table></content><id>t3_10jjq2s</id><media:thumbnail url="https://external-preview.redd.it/bgLd-ZQvKYKbDDy4PyIF0T7u3Mx_JpWG81LBmrz7q6Q.jpg?width=640&crop=smart&auto=webp&s=19790d6c1619974ed1a3755d5533f3e739f5a6ba" /><link href="https://www.reddit.com/r/Angular2/comments/10jjq2s/using_zod_schemas_as_source_of_truth_for/" /><updated>2023-01-23T18:33:59+00:00</updated><published>2023-01-23T18:33:59+00:00</published><title>Using Zod Schemas as Source of Truth for Typescript Types</title></entry><entry><author><name>/u/maxkoretskyi</name><uri>https://www.reddit.com/user/maxkoretskyi</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><table> <tr><td> <a href="https://www.reddit.com/r/Angular2/comments/10j5zg0/change_detection_and_component_trees_in_angular/"> <img src="https://external-preview.redd.it/Y7UyVomOpI8qm9Uy7VhV4CzfCzEyCWbGgpt_XxN3d7M.jpg?width=640&amp;crop=smart&amp;auto=webp&amp;s=be327e416be11d9c9e58234f40aaa4c91ebec869" alt="Change detection and component trees in Angular applications - Angular inDepth" title="Change detection and component trees in Angular applications - Angular inDepth" /> </a> </td><td> &#32; submitted by &#32; <a href="https://www.reddit.com/user/maxkoretskyi"> /u/maxkoretskyi </a> <br/> <span><a href="https://indepth.dev/posts/1512/change-detection-and-component-trees-in-angular-applications">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10j5zg0/change_detection_and_component_trees_in_angular/">[comments]</a></span> </td></tr></table></content><id>t3_10j5zg0</id><media:thumbnail url="https://external-preview.redd.it/Y7UyVomOpI8qm9Uy7VhV4CzfCzEyCWbGgpt_XxN3d7M.jpg?width=640&crop=smart&auto=webp&s=be327e416be11d9c9e58234f40aaa4c91ebec869" /><link href="https://www.reddit.com/r/Angular2/comments/10j5zg0/change_detection_and_component_trees_in_angular/" /><updated>2023-01-23T06:36:19+00:00</updated><published>2023-01-23T06:36:19+00:00</published><title>Change detection and component trees in Angular applications - Angular inDepth</title></entry><entry><author><name>/u/ahmedRebai</name><uri>https://www.reddit.com/user/ahmedRebai</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Hello dear angular community, I want to ask for some help how can I measure angular unit tests execution time (average time at least), I&#39;m trying to explore how to optimize unit tests and I didn&#39;t find a way to prove that because time varies always</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/ahmedRebai"> /u/ahmedRebai </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10j9kqc/suggest_pluginstools_to_measure_angular_unit/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10j9kqc/suggest_pluginstools_to_measure_angular_unit/">[comments]</a></span></content><id>t3_10j9kqc</id><link href="https://www.reddit.com/r/Angular2/comments/10j9kqc/suggest_pluginstools_to_measure_angular_unit/" /><updated>2023-01-23T10:41:34+00:00</updated><published>2023-01-23T10:41:34+00:00</published><title>Suggest plugins/tools to measure Angular unit tests execution time</title></entry><entry><author><name>/u/LifeIsTrulyBeautiful</name><uri>https://www.reddit.com/user/LifeIsTrulyBeautiful</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>My part in a home automation project is the frontend one. So far, I&#39;ve managed to display data from JSON file that I created by hand based on fractions of data coming from the backend Java + MongoDB server.</p> <p>But having been reading for the last 2 days about MQTT broker, I&#39;ve come to the conclusion that I might need to link my application&#39;s front to the MQTT instead of the Java backend.</p> <p>I am panicked, since, I can mostly display data and fiddle around with HTML, CSS, components, properties.</p> <p>But have no idea whatsoever of how to interpret a JSON file apart from displaying its data. I need to do GET, POST, PUT, DELETE requests on the MQTT broker (some sort of server that intermediates between the backend server, the embedded components, and the application&#39;s frontend - my part).</p> <p>How should I analyze this problem? How to break it down and actually solve it within a week? I like Angular so far, but HTTP requests seem to be out of question for my case.</p> <p>Thank you all! And sorry if my question is dumb or vague, I am very new to all of this - but I&#39;m so excited!</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/LifeIsTrulyBeautiful"> /u/LifeIsTrulyBeautiful </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10ipg8d/working_in_angular_should_i_transform_every_json/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10ipg8d/working_in_angular_should_i_transform_every_json/">[comments]</a></span></content><id>t3_10ipg8d</id><link href="https://www.reddit.com/r/Angular2/comments/10ipg8d/working_in_angular_should_i_transform_every_json/" /><updated>2023-01-22T17:48:04+00:00</updated><published>2023-01-22T17:48:04+00:00</published><title>Working in Angular, should I transform every JSON file I receive into a TypeScript model/interface/constant?</title></entry><entry><author><name>/u/Emotional-Bid-4173</name><uri>https://www.reddit.com/user/Emotional-Bid-4173</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>I feel like the UI kits that I&#39;ve seen all look like a google material dashboard.</p> <p>How can I make angular not LOOK like an angular app but look like a modern landing page/dashboard?</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/Emotional-Bid-4173"> /u/Emotional-Bid-4173 </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10j1sxh/how_to_make_an_angular_app_not_look_like_an/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10j1sxh/how_to_make_an_angular_app_not_look_like_an/">[comments]</a></span></content><id>t3_10j1sxh</id><link href="https://www.reddit.com/r/Angular2/comments/10j1sxh/how_to_make_an_angular_app_not_look_like_an/" /><updated>2023-01-23T02:47:17+00:00</updated><published>2023-01-23T02:47:17+00:00</published><title>How to make an angular app not LOOK like an angular app?</title></entry><entry><author><name>/u/niceshit420</name><uri>https://www.reddit.com/user/niceshit420</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>So im using ngrx in my project and with redux devtools as you know there are all my actions and i can jump back or forward to each state. Is it possible to save exactly these actions/state history to use undo/redo functionality within the website without having to program it myself with another reducer etc.?</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/niceshit420"> /u/niceshit420 </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10ivhon/ngrx_undoredo/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10ivhon/ngrx_undoredo/">[comments]</a></span></content><id>t3_10ivhon</id><link href="https://www.reddit.com/r/Angular2/comments/10ivhon/ngrx_undoredo/" /><updated>2023-01-22T21:57:33+00:00</updated><published>2023-01-22T21:57:33+00:00</published><title>NGRX Undo/Redo</title></entry><entry><author><name>/u/YourMomIsMyTechStack</name><uri>https://www.reddit.com/user/YourMomIsMyTechStack</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Hi fellow developers, I&#39;m at a new job and I&#39;m trying to get into the existing project which is contained in a huge mono repo with multiple applications. What is the best approach to get into the project soon?</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/YourMomIsMyTechStack"> /u/YourMomIsMyTechStack </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10imj8x/getting_into_the_project_of_a_new_workplace/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10imj8x/getting_into_the_project_of_a_new_workplace/">[comments]</a></span></content><id>t3_10imj8x</id><link href="https://www.reddit.com/r/Angular2/comments/10imj8x/getting_into_the_project_of_a_new_workplace/" /><updated>2023-01-22T15:44:56+00:00</updated><published>2023-01-22T15:44:56+00:00</published><title>Getting into the project of a new workplace</title></entry><entry><author><name>/u/martin_al_scorsese</name><uri>https://www.reddit.com/user/martin_al_scorsese</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>I have Angular web app which is not responsive for mobile devices. Design of mobile app is huge different of current desktop app.</p> <p>I need advice on what is better to separate mobile web in new project inside current project or create inside current components mobile views (messy component?).</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/martin_al_scorsese"> /u/martin_al_scorsese </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10im15n/advice_needed_create_angular_mobile_view/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10im15n/advice_needed_create_angular_mobile_view/">[comments]</a></span></content><id>t3_10im15n</id><link href="https://www.reddit.com/r/Angular2/comments/10im15n/advice_needed_create_angular_mobile_view/" /><updated>2023-01-22T15:22:22+00:00</updated><published>2023-01-22T15:22:22+00:00</published><title>Advice needed, create Angular mobile view</title></entry><entry><author><name>/u/OkCow3204</name><uri>https://www.reddit.com/user/OkCow3204</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Hi,</p> <p>So i&#39;m having a potato moment and just getting my head round RXJS. When i&#39;m adding an employee, i&#39;ve pushed it to the behavioursubject with the current list + the new employee added.</p> <p>&#x200B;</p> <p>But how would i go about initializing that list with the getEmployees API? I was trying to do this.employees$ = this.employeeApi.getEmployees().subscribe(); in the constructor but i can&#39;t subscribe to a behaviour subject!</p> <p>&#x200B;</p> <p>any help will be appreacited, thank you!, below is my class.</p> <p>&#x200B;</p> <p>&#x200B;</p> <pre><code>export class EmployeeService { readonly employees$: BehaviorSubject&lt;Employee[]&gt; = new BehaviorSubject([]); constructor(private employeeApi: EmployeeApiService) { // the below line doesn&#39;t work because i can&#39;t subscribe to a behavioursubject... how would i go about doing the following? this.employees$ = this.employeeApi.getEmployees().subscribe(); } addEmployee(employee: Employee) { return this.employeeApi.addEmployee(employee) .subscribe((success)=&gt; { this.employees$.next(this.employees$ +employee); }) } getAllEmployees(): Observable&lt;Employee[]&gt; { return this.employees$; } } </code></pre> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/OkCow3204"> /u/OkCow3204 </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10io8gi/help_rxjs_behavior_subject_subscribing_to_them/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10io8gi/help_rxjs_behavior_subject_subscribing_to_them/">[comments]</a></span></content><id>t3_10io8gi</id><link href="https://www.reddit.com/r/Angular2/comments/10io8gi/help_rxjs_behavior_subject_subscribing_to_them/" /><updated>2023-01-22T16:57:33+00:00</updated><published>2023-01-22T16:57:33+00:00</published><title>[HELP] RxJS Behavior subject & subscribing to them... SIMPLE problem which i cant get my head around...</title></entry><entry><author><name>/u/manishsalunke</name><uri>https://www.reddit.com/user/manishsalunke</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><table> <tr><td> <a href="https://www.reddit.com/r/Angular2/comments/10ikztl/mastering_javascript_closures_understanding_and/"> <img src="https://external-preview.redd.it/xnTKFp09yErx_ShlXT-H7ksgC2NgoTjVSZCmkSjyJqE.jpg?width=640&amp;crop=smart&amp;auto=webp&amp;s=6c785080ccc1efcb3df69df24827bc856fa348ff" alt="Mastering JavaScript Closures: Understanding and Using this Powerful Feature" title="Mastering JavaScript Closures: Understanding and Using this Powerful Feature" /> </a> </td><td> &#32; submitted by &#32; <a href="https://www.reddit.com/user/manishsalunke"> /u/manishsalunke </a> <br/> <span><a href="https://medium.com/p/3f372b502360">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10ikztl/mastering_javascript_closures_understanding_and/">[comments]</a></span> </td></tr></table></content><id>t3_10ikztl</id><media:thumbnail url="https://external-preview.redd.it/xnTKFp09yErx_ShlXT-H7ksgC2NgoTjVSZCmkSjyJqE.jpg?width=640&crop=smart&auto=webp&s=6c785080ccc1efcb3df69df24827bc856fa348ff" /><link href="https://www.reddit.com/r/Angular2/comments/10ikztl/mastering_javascript_closures_understanding_and/" /><updated>2023-01-22T14:33:59+00:00</updated><published>2023-01-22T14:33:59+00:00</published><title>Mastering JavaScript Closures: Understanding and Using this Powerful Feature</title></entry><entry><author><name>/u/homelesspieceofshit</name><uri>https://www.reddit.com/user/homelesspieceofshit</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Hey y’all. I’ve been programming with angular professionally for about a year and I’ve somehow just discovered that the preferred way to use RxJS is to use it <strong>everywhere</strong>. I’m currently reading up on all of the techniques to start programming more reactively and I am starting to fall in love with the advantages but i have one fear. </p> <p>How the heck am I supposed to explain what is going on in my codebase to a new junior that’s never used RxJS or Angular? This seems like a huge disadvantage of RxJS. Is a reactive paradigm worth all of the headaches it might cause junior devs in my organization?</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/homelesspieceofshit"> /u/homelesspieceofshit </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10hwlkm/explaining_reactive_programming_to_colleagues/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10hwlkm/explaining_reactive_programming_to_colleagues/">[comments]</a></span></content><id>t3_10hwlkm</id><link href="https://www.reddit.com/r/Angular2/comments/10hwlkm/explaining_reactive_programming_to_colleagues/" /><updated>2023-01-21T17:33:58+00:00</updated><published>2023-01-21T17:33:58+00:00</published><title>Explaining Reactive Programming To Colleagues</title></entry><entry><author><name>/u/THenrich</name><uri>https://www.reddit.com/user/THenrich</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>This is a write-up about my experience when I was choosing between DevExtreme and AG Grid. If you thought I chose AG Grid, you thought wrong. I explain why here. </p> <p>(You use a commercial datagrid when you start needing advanced features like master-detail rows. A feature which I couldn&#39;t find an open source grid supported.)</p> <p><a href="https://medium.com/@thenrich2009/ag-grid-vs-devextreme-datagrid-which-one-should-you-get-e0dd5bd4b6c4">https://medium.com/@thenrich2009/ag-grid-vs-devextreme-datagrid-which-one-should-you-get-e0dd5bd4b6c4</a></p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/THenrich"> /u/THenrich </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10i4wj8/my_thoughts_when_choosing_a_commercial_datagrid/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10i4wj8/my_thoughts_when_choosing_a_commercial_datagrid/">[comments]</a></span></content><id>t3_10i4wj8</id><link href="https://www.reddit.com/r/Angular2/comments/10i4wj8/my_thoughts_when_choosing_a_commercial_datagrid/" /><updated>2023-01-21T23:27:35+00:00</updated><published>2023-01-21T23:27:35+00:00</published><title>My thoughts when choosing a commercial datagrid</title></entry><entry><author><name>/u/__01000010</name><uri>https://www.reddit.com/user/__01000010</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><table> <tr><td> <a href="https://www.reddit.com/r/Angular2/comments/10i4224/ive_followed_all_the_steps_for_installing_and/"> <img src="https://b.thumbs.redditmedia.com/oUAN0IMErk51Disqs5NOanwdzq9wT3GM4uzQkGsT9Ok.jpg" alt="I’ve followed all the steps for installing and using the ngx-masonry (https://www.npmjs.com/package/ngx-masonry) library but still getting a blank screen. What possible issues might my code have?" title="I’ve followed all the steps for installing and using the ngx-masonry (https://www.npmjs.com/package/ngx-masonry) library but still getting a blank screen. What possible issues might my code have?" /> </a> </td><td> &#32; submitted by &#32; <a href="https://www.reddit.com/user/__01000010"> /u/__01000010 </a> <br/> <span><a href="https://www.reddit.com/gallery/10i4224">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10i4224/ive_followed_all_the_steps_for_installing_and/">[comments]</a></span> </td></tr></table></content><id>t3_10i4224</id><media:thumbnail url="https://b.thumbs.redditmedia.com/oUAN0IMErk51Disqs5NOanwdzq9wT3GM4uzQkGsT9Ok.jpg" /><link href="https://www.reddit.com/r/Angular2/comments/10i4224/ive_followed_all_the_steps_for_installing_and/" /><updated>2023-01-21T22:50:09+00:00</updated><published>2023-01-21T22:50:09+00:00</published><title>I’ve followed all the steps for installing and using the ngx-masonry (https://www.npmjs.com/package/ngx-masonry) library but still getting a blank screen. What possible issues might my code have?</title></entry><entry><author><name>/u/Accomplished_Ad7839</name><uri>https://www.reddit.com/user/Accomplished_Ad7839</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><table> <tr><td> <a href="https://www.reddit.com/r/Angular2/comments/10hu0qo/diferentiating_dumb_components/"> <img src="https://b.thumbs.redditmedia.com/rMXKWUsFYKBWZzTvVplXVHfQJjMoXnNSEclvQByIRtM.jpg" alt="Diferentiating dumb components" title="Diferentiating dumb components" /> </a> </td><td> <!-- SC_OFF --><div class="md"><p>I have a dumb form input component that allows the parent component to be able to change the title if you click on it, but I want to be able to swap to another title(3). The problem is that if I use (1) on the dumb component, and click on one of the many dumb components I have, they all trigger together(2). What&#39;s the correct way of fixing this so it only triggers on the component im focusing on and then clicking away from it (3)? (this would close the focused(input) component)</p> <p>TLDR: I have many dumb components that open a form input, I want to be able to close only the dumb component that is open (the input is focused) (by close I mean just this.isEditing = false;</p> <p><a href="https://preview.redd.it/2g1cw0pm1fda1.png?width=590&amp;format=png&amp;auto=webp&amp;s=acdddd7de69b5ce3c66aad0574e4cf90c9b86078">(1)</a></p> <p><a href="https://preview.redd.it/l33cgahk1fda1.png?width=454&amp;format=png&amp;auto=webp&amp;s=3815b8eecea16c1c1195cf374c85b5892feafac7">(2)</a></p> <p><a href="https://preview.redd.it/w6sxhr3k0fda1.png?width=720&amp;format=png&amp;auto=webp&amp;s=c653df10307e1d08e16a8bc9bfc151ac21039d0c">(3)</a></p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/Accomplished_Ad7839"> /u/Accomplished_Ad7839 </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10hu0qo/diferentiating_dumb_components/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10hu0qo/diferentiating_dumb_components/">[comments]</a></span> </td></tr></table></content><id>t3_10hu0qo</id><media:thumbnail url="https://b.thumbs.redditmedia.com/rMXKWUsFYKBWZzTvVplXVHfQJjMoXnNSEclvQByIRtM.jpg" /><link href="https://www.reddit.com/r/Angular2/comments/10hu0qo/diferentiating_dumb_components/" /><updated>2023-01-21T15:42:14+00:00</updated><published>2023-01-21T15:42:14+00:00</published><title>Diferentiating dumb components</title></entry><entry><author><name>/u/MommasBoy_RockyBhai</name><uri>https://www.reddit.com/user/MommasBoy_RockyBhai</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>I am facing an issue while working on a project. A link would navigate the user to a different component, and I want to incorporate a back button which would bring the user back to the home page. For example, if home path is &quot;/&quot; and child&#39;s path is &quot;/child&quot;, a back button would bring the user back to &quot;/&quot;.<br/> However, I am finding that while it is redirecting me to the correct path, the content of the page isn&#39;t being displayed. </p> <p>Is there a proper way to route it back to the home component?</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/MommasBoy_RockyBhai"> /u/MommasBoy_RockyBhai </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10hom5e/how_to_route_back_to_the_parent_component/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10hom5e/how_to_route_back_to_the_parent_component/">[comments]</a></span></content><id>t3_10hom5e</id><link href="https://www.reddit.com/r/Angular2/comments/10hom5e/how_to_route_back_to_the_parent_component/" /><updated>2023-01-21T10:50:08+00:00</updated><published>2023-01-21T10:50:08+00:00</published><title>How to route back to the parent component?</title></entry><entry><author><name>/u/rogerg93</name><uri>https://www.reddit.com/user/rogerg93</uri></author><category term="Angular2" label="r/Angular2"/><content type="html"><!-- SC_OFF --><div class="md"><p>Hello. Like the question says what would be the best approach to fix failing unit tests on an existing project. It&#39;s using the standard karma + jasmine setup and has around 150 components. When I run ng test all tests that have dependencies fail. If I want to write tests, is the only solution that I start preparing mocks for each dependency or add imports of real ones (as temporary integration). Is there a way to do it step by step in some way. Like to be informed that the setup is not ok but that it won&#39;t ruin my build script if i start adding tests from now on and slowly add them for old components.</p> </div><!-- SC_ON --> &#32; submitted by &#32; <a href="https://www.reddit.com/user/rogerg93"> /u/rogerg93 </a> <br/> <span><a href="https://www.reddit.com/r/Angular2/comments/10hho3b/easiest_way_to_fix_unit_tests_in_existing_project/">[link]</a></span> &#32; <span><a href="https://www.reddit.com/r/Angular2/comments/10hho3b/easiest_way_to_fix_unit_tests_in_existing_project/">[comments]</a></span></content><id>t3_10hho3b</id><link href="https://www.reddit.com/r/Angular2/comments/10hho3b/easiest_way_to_fix_unit_tests_in_existing_project/" /><updated>2023-01-21T03:36:40+00:00</updated><published>2023-01-21T03:36:40+00:00</published><title>Easiest way to fix unit tests in existing project</title></entry></feed> |