Tobias Lehwalder

software engineer 🧑‍💻 react, javascript & typescript ⚡️

[Matthias @matthiasendler]

Here's the post I wish I had when I first started programming.

If you know someone just beginning to code (especially students), maybe pass this along?

Would've saved me a lot of head-scratching and "why didn't anyone tell me this earlier?" moments.

https://t.co/ThoK3s6Aud

[Kent C. Dodds 🏹 @kentcdodds]

New syntax incoming!

https://t.co/sBaJ9USSOp

I think I love it.

[Matt Pocock @mattpocockuk]

Node 22.6.0 just added TypeScript support 🔥

if you're planning to use it, you'll need these two lines in your tsconfig.json.

Brief explainer in a 🧵

[Tobias Lehwalder @tlehwalder]

@leeerob @nextjs It's no issue, but i can't find a config or something simple without writing error boundaries and stuff.

custom logs are straight forward, but logging everything nextjs logs in json logs, errors, infos, etc (for better usage in i.e. datadog) isn't.

[Wes Bos @wesbos]

Yessssss! Node just shipped the ability to run TypeScript files directly!

[ludwig @ludwigABAP]

This dude implemented the websocket protocol from scratch in C -- 700 views, kino $2 microphone, really great walkthrough and code on github

[Tobias Lehwalder @tlehwalder]

@housecor Have you already had use cases where you had to share state between multiple tabs? What tech would you recommend for this?

And what is your opinion on RxDB for global state management?

[Tobias Lehwalder @tlehwalder]

@wesbos @LaunchDarkly

[Axel Rauschmayer (also on 🦣) @rauschma]

My books are free to read online:

– Exploring JavaScript (ES2024 edition)
– Deep JavaScript
– Tackling TypeScript
– Shell scripting with Node.js

Retweets appreciated!

https://t.co/cYI2ZY048N

[Cory House @housecor]

Code smell: Setting state twice in a row

Example:

Solution: Eliminate showDialog state. Derive state instead.

If userToEdit has a value, show the dialog.
If userToEdit is null, hide the dialog.

Benefits:
-Less state to manage
-Avoids illogical combinations (it's illogical for userToEdit to be null when showDialog is true).

[Tuta @TutaPrivacy]

Tutanota is now Tuta! 🥳

All of the features you have come to know and love, now with a sleek new domain name. 😎

Threats to your privacy won't be going away, but neither are we. 💪

Learn more and create your new Tuta account here 👇
https://t.co/r3NwlELTX1

#privacy #email

[happydecoder @happydecoder]

𝗟𝗲𝗮𝗿𝗻 𝗝𝗪𝗧 𝗹𝗶𝗸𝗲 𝘆𝗼𝘂'𝗹𝗹 𝗻𝗲𝘃𝗲𝗿 𝗳𝗼𝗿𝗴𝗲𝘁.

🧵

[Tobias Lehwalder @tlehwalder]

@_georgemoller Nice approach. Looks clean but adds complexity, which can be confusing for new developers in the project. Provider hell is maybe ugly but straight forward.

[Tobias Lehwalder @tlehwalder]

@ApiMocking That sounds promising!
I look forward to it.

[Tobias Lehwalder @tlehwalder]

MSW (https://t.co/mG30fEnoXP) can actually have an enormous impact on a test setup.

easy setup and straightforward usage

@ApiMocking

[Kent C. Dodds 🏹 @kentcdodds]

MSW is the most recent tool to make an enormous impact on my test AND development productivity.

[Cory House @housecor]

Problem: You need to represent an empty number.

Hack: Use 0, -1, or "".

The real solution: Use null. That's what it's for. Null says, "This has no value".

0, -1, and "" are a lie.

[Cory House @housecor]

Problem:
🚫 Your project has unused files.
🚫 It has unused npm dependencies.
🚫 It has unused TypeScript exports.

But you haven't noticed, because these things are hard to spot.

Solution: knip

I just used knip to find and resolve dozens of issues.

https://t.co/QmN3sNlmbm

[Jecelyn Yeen 🐟 @jecfish]

🤩 [1/4] Coming soon in @ChromeDevTools - You can overrides API response (Fetch/XHR) and more!

Imagine you can mock APIs in frontend without waiting for the backend changes!

Not only that...