#Typescript

[praxis-app]

join the praxis discord - sign up - github

[track-maniac]

in the typed script. straight up "validating it". and by "it", haha, well. let's justr say. My obdjects.

[utopicwork]

CAD in the browser!

[octal-codes]

Programming pro tip:

Set your IDE's font to Comic Sans to experience what it's like to use JS

[missfisherindata]

I finally had some free time due to ✨carnival✨ and deployed the Miss Fisher visualization site that I had only posted screenshots of so you guys can play around with them. I really enjoy seeing them in motion and I hope that you do too! 😊

Some tips of how to use the site:

On the left, select the category of visualizations that you would like to see (the home page is pretty useless as of now hehe)

The legend of each visualization also serves as a filter, so if you click on the box that shows the color of each item you can deselect it from the visualization so that it's easier to see other information inside the graph.

Please open on desktop for a better experience!

There are some new visualizations there that I never posted before, so please check it out! I would love your feedback!

[youboirusty]

TypeScript on the backend is a cardinal sin

How do you see this and go "oh yeah, I want that shit on prod ASAP".

[connectedaero]

𝗞𝗲𝘆 𝗗𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝗰𝗲𝘀 𝗕𝗲𝘁𝘄𝗲𝗲𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 & 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁 👀

JavaScript is simple & dynamic, great for quick builds & beginners, while TypeScript adds structure, compiles with error checks, & is better suited for large, scalable projects.

Read More + Download PDF \/ https://reddit.com/r/intercompute/comments/1lcbn7r/…

Thank you for reading :)

[jujuthewulfpup]

I bombed a coding test earlier this week because I didn't think and put too much faith in a // todo comment in the given empty Typescript class, and accidentally wasted at least half my time wondering why it wasn't working. I tried to implement the interface methods inside the constructor

[typescript-official]

yes, this seems like a viable alternative to a switch case... :)

[caprice-nisei-enjoyer]

"8 tips from the TS Wizard" is a fine title for a video, but the title alone highlights the contrast between my social and professional life

[lizclipse]

genuinely, signals & control flow & the inject function have taken angular from being a "meh it has it's uses but it's not great" UI framework to one of my favs in the space. the way you structure components now is so unbelievably different to when i started with it back at like v6 it's like an entirely new framework and honestly it's really fun to use. i'm actually looking forward to new releases since it always opens the door to new and interesting ways of doing something that's easier than before, and i actually want to make UIs with it instead of pining for something else

[praxis-app]

join praxis now - discord - github

[track-maniac]

Honestly if @typescript-official had enums with values inside like rust does I might just fall in love

[utopicwork]

Does anyone with JS experience know how to resolve a bare identifier error? I have some JS that's being built from TS but I have no idea how to get it running since every time I try to run the code it throws the aforementioned error

[code-es]

let today = new Date("12 December 2023");

Hey coders!

The past couple of months I've been a frontend developer intern at an e-sports company and it's been so amazing! I am realizing that yeah, this is exactly what I want to do! I feel super lucky.

Anyway, today, and for the past like week, I have been struggling with implementing the multiselect from react-select in a form we are building in my team. It's a very complicated field, where you can choose from different lists, with values that need to be replaced and disabled depending on which list you are choosing from and what has already been chosen, so just getting the logic right was tough.

Today I got it working, only to realize I can't style it without all the functionality breaking. Feeling like I've tried everything, I was like: you know what? Fuck it, I'm just gonna make my own. Sooo here I am!

This is the inspo (from react-select):

And this is how far I've gotten(using our on-brand styles):

Anddd here's my (non funcitoning) code:

To break it down:

I have a div that contains a span (which will be rendered from an array of options, to be the yellow chip) and an invisible input field

The div is styled to look like an input field, but in reality it's just a div with spans and an invisible input field following the span (lol special thanks to this stack overflow thread)

When the user types, I am listening to what keys they are pressing with a function I am currently calling handleReturn

If the pressed key is "Enter", I will push the current value of the field to the options array

But! This does not do anything at the moment, since the options array does not tell the component to update itself in any way to display the newly added value! For that, I need to make the options array be a state using the useState() hook from React!

When a state is changed, react's useState can tell, and it will rerender (=update) the component, and then my new value will (...should) be shown as well, since it will be using the new array with new values!

Stay tuned for updates(:

[desert-palm]

Has anyone found a way to use both GraphQL Shield and dataloaders at the same time while using Apollo Server and NestJS?

I recently found that because I have asynchronous calls being made in some of my shield rules, it's causing my dataloader batch functions to be called multiple times, when they should only be called once, which leaves me with the N+1 problem across my entire app.

I believe this is due to how dataloader requires that all of the batch function calls occur during the same event loop "tick", and the async calls in my shield rules are preventing this.

Here's where I asked the question on reddit