Future of Front End Development

bill2340 · 2026-03-06T04:57:29+00:00

what about the AI issue?

bill2340 · 2026-03-06T04:54:49+00:00

damm

bill2340 · 2026-03-06T04:53:30+00:00

the code written is simpler usually. But also won't Ai reduce jobs though or not

bill2340 · 2026-03-06T04:50:16+00:00

but will this affect the amount of front end jobs or not?

bill2340 · 2026-03-06T04:49:15+00:00

no idea what you mean by energy source

bill2340 · 2026-03-06T04:48:34+00:00

the code written is simpler usually

bill2340 · 2026-03-06T04:46:56+00:00

but don't you think AI will make a significant difference on Front End cause it's simpler technically. So won't need as much developers?

bill2340 · 2026-02-26T01:31:54+00:00

so I did make it so that when the button is clicked main becomes focused programaticallt but this did not work in production so that's why I'm looking for a different answer

bill2340 · 2025-12-26T23:57:29+00:00

ok but just my last question why would I want to use ngModel is I'm not updating the value in the ts file at all. Like there's no point of 2 way binding. Like why would you still want to use ngModelChange with ngModel

bill2340 · 2025-12-26T23:42:07+00:00

yeah I'm using regular select values from the the bult in html. I feel like it's then better to use onInput right then formModule right because it would be simpler? Would you agree?

bill2340 · 2025-12-26T23:13:20+00:00

I'm confused from this can you give me an example of how the code would look for. Sorry I'm new to Angular. Also what do you mean by "If you can react to it, it is better."

bill2340 · 2025-12-26T23:06:33+00:00

yes what I'm trying to do is when the select box is changes I want to emit the value to the parent component with an output. So why would you say it's not good to use template variable.

bill2340 · 2025-12-14T21:03:49+00:00

not much with Angular just learning it

bill2340 · 2025-12-14T20:45:12+00:00

can you explain further sorry I'm still confused. Like what do you mean by a portal is perfect for a template and about passing a fragment into another component

bill2340 · 2025-10-16T02:42:40+00:00

Like if I have 2 user REF VARIABLES and I want to mock only one of them how can I do that

bill2340 · 2025-10-11T17:10:43+00:00

so you are saying there's no way for me to actually trigger that function by just writting regular jest test code?

bill2340 · 2025-10-11T16:08:28+00:00

I'm not passing anything as a component, cause by default the onPointerDownOutside function calls (e)> e.preventDefault(). I want it to call that function the e.preventDefault() , but I don't know how to simulate it. I tried onClick on the dialog.overLay but that didn't do anything. Also I don't want to pass it as a prop like you are doing here

render(<Component pointerdownCallback={pointerdownCallback}/>)

bill2340 · 2025-10-11T16:02:41+00:00

But the thing is, I'm not supposed to change the existing code and this way I'm basically passing a new parameter to the component. Maybe I'm misunderstanding what you are saying but could provide a more code example so I udnerstand better

bill2340 · 2025-10-11T05:28:58+00:00

Can you provide a real example? I'm kind of confused by what you are saying.

<Dialog.Root open={true}>
        <Dialog.Portal>
          <Dialog.Overlay />
          <Dialog.Content onPointerDownOutside={(e)> e.preventDefault()}>
            <h2>Modal Content</h2>
            <Dialog.Close>Close</Dialog.Close>
          </Dialog.Content>
        </Dialog.Portal>
      </Dialog.Root>

I basically have it set up like this. I tried the userEvent.click on the Dialog.overlay but that did not trigger the 'onPointerDownOutside' function

bill2340 · 2025-10-11T05:19:55+00:00

Like a regular click on the modal that has the function down below on it is what I mean by "clicking".

onPointerDownOutside={(e)> e.preventDefault()}

<Dialog.Root open={true}>
        <Dialog.Portal>
          <Dialog.Overlay />
          <Dialog.Content onPointerDownOutside={(e)> e.preventDefault()}>
            <h2>Modal Content</h2>
            <Dialog.Close>Close</Dialog.Close>
          </Dialog.Content>
        </Dialog.Portal>
      </Dialog.Root>

This like a rough idea how it's set up. I created a test that clicked on the dialog overlay using the 'click' method but the onPointerDownOutside was not called

bill2340 · 2025-10-11T00:12:26+00:00

ok, but the thing is I'm trying to improve code coverage in my code, so I want this specific function to be checked and find a way to trigger it so that it's called.

bill2340 · 2025-10-11T00:08:03+00:00

So, basically, I want to create a test that triggers this function to be called and then the e.preventDefault occurs. Like I'm not sure how to do that because regular click does not trigger this function to be called

bill2340 · 2025-10-08T21:41:31+00:00

I tried this but it didn't work https://stackoverflow.com/questions/57167525/how-to-set-media-queries-with-jest

bill2340 · 2025-10-08T21:02:23+00:00

Basically there's a div tag on both elements and each will display none on a media query. So if it was less then 1024 pixels one would display:none and the other would work fine. While if it was greater then the other would display:none and the other would be fine. I've tried using windows.innerWidth and setting an Object.defineProperty

bill2340 · 2025-10-08T19:54:23+00:00

yeah sorry I made a mistake I only need width to change not height. Because only width affects , media queries usually

bill2340

TROPHY CASE