Misha Moroshko

Today, we’re unveiling what we have been working on recently. I feel very lucky to be part of this incredibly talented team. Say hi to Phonic.

@AndaristRake @mattpocockuk @AndaristRake I'm not too concerned about performance (yet), but here is another example where adding `!` after index access doesn't feel ergonomic. Is there a nice way to handle this one? (or maybe anything on the horizon?) #code/C4TwDgpgBACg9gSwHbCgXigbwFBT1ADwC4okBXAWwCMIAnbAX22wDMykBjYBOJKAEwQsWACji1+dCP3jJgAZxKyUAbQC6AShLlqdLLnxCoYiVJmIU8gHQAbCEgDmwABbo0GAAwb9+X1FoQwGS0fB4A3AZ4TJH+gcF84pIB5nLWAIbAIgC0AIwaVgRQWVCJZsoKVhkiXgUR0Ry88nB2tnAOIoLCIioxmIQkOVAMADRQvf1QACxDo+PEUDkeQ2OaGsxAA" target="_blank" rel="nofollow noopener">typescriptlang.org/play?noUncheck…

@moroshko @mattpocockuk U have better iteration options though (for-of). And sure, a plain for loop might be sometimes slightly faster - do u need it to be though? 😉

🔥 TypeScript Tip #16 🔥 The "noUncheckedIndexedAccess" is the most awesome config option you've never heard of. It makes accessing objects a lot safer, and also powers up TypeScript's inference on objects. Props to @AndaristRake for this one.

@housecor @housecor How would you recommend dealing with this false positive?

Problem: In TypeScript, developers often declare needless conditionals. Why needless conditionals are a problem: 🚩 Adds noise 🚩 Hurts readability 🚩 Creates confusion 🚩 Often a sign of a misunderstanding or a logic error Solution: typescript-eslint/no-unnecessary-condition I just used this rule to find and automatically fix 100’s of bad conditionals in a large codebase. Here are 4 examples of bad conditionals it found: 1. The author didn't know that map always returns an array. So the fallback to an array was needless. 2. The condition is already checked on 123, so the check on 129 was redundant. 3. Here it caught a logic error! The "??" was reported as needless. The developer meant to check the array's length. 4. The variable is always defined because it's narrowed on line 90. So, the "?." on 92-95 were all needless. I'm so impressed with this rule! I plan to run it on all TypeScript projects in the future.

@SuryaRajendhran Sent you an email.

@moroshko Been having a great experience using `react-autosuggest`. Just noticed that the library needs some love. I'd love to help maintain if you're still looking for someone.

@ephemjs @TkDodo @nextjs Thanks @ephemjs, makes sense! Do I understand correctly that the SC QueryClient is needed only if I use <Hydrate> and not required if I use initialData? Also, the SSR QueryClient and the actual client QueryClient is that same one QueryClient defined inside useState, isn't it?

@moroshko @TkDodo @nextjs Confusingly enough, there are actually 3 QueryClients involved here. The SC one that you cache(), 1 for SSR and 1 for the actual client.

📃If you're using the @nextjs experimental `app` directory and are curious how you can integrate TanStack Query with it - we now have a first guide up in our docs: #using-experimental-app-directory-in-nextjs-13" target="_blank" rel="nofollow noopener">tanstack.com/query/v4/docs/… Thanks @ephemjs and Eric Fillon 🙏

@ryanchenkie JSX would be awesome! Happy to help testing it!

@moroshko That might be interesting! I’m going to look into it.

🆕 Introducing PDFGen - Dynamic PDF Generation for your app. pdfgen.app With PDFGen, you can create an HTML template, send data to our API, and get a PDF back. Includes Tailwind out-of-the-box for styling Would you give it a try and let me know what you think? 🙏

@brian_d_vaughn It's beautiful Brian, I enjoyed it. Keep writing!

@mathladyhazel Interactive playground: rotating-circle-illusion.vercel.app

@brian_d_vaughn Good luck @brian_d_vaughn in your next adventure!

@mijustin muso.live

@markdalgleish Reverting the model is the future! I actually did this: moroshko.typeform.com/to/jDSgYVbg (not looking for a job at the moment)

Put so much of yourself in the public square that you have to interview potential employers rather than the other way around.

Great to see react-scanner being used out there to quantify the adoption of a Design System. Thanks for sharing @filipdanisko. medium.com/productboard-e…

Any Australian friends are interested in React, Design Systems, and Open Source? Come work with me! DMs are open.

Thanks everyone for following our journey. 💛 To celebrate 1.000 followers, we're giving away something special. 🎁 Win a FREE FOREVER Splitbee Pro plan (worth $250/year, up to 100.000 views/month) 1️⃣ Follow @splitbee 2️⃣ Retweet this tweet 3️⃣ You're done 🎉

@numberphile @SparksMaths Interactive playground: rotating-circle-illusion.vercel.app

Catch some videos featuring Ben Sparks here: bit.ly/Sparks_Playlist @SparksMaths

@bernam92 @sarah_edo @sarah_edo Any recommendation for online SVG editors if I wanted to hand craft one?

Learn SVG. In all seriousness, you won't regret it. As a front-end engineer, it's a huge advantage to master the intrinsics of it, being able to handcraft even basic paths and create dynamic SVG elements. Start by this talk by @sarah_edo youtube.com/watch?v=ADXX4f…

I have no idea how I have not come across it before but RxViz by @moroshko is a must for everyone using RxJS! Just write your observable code and watch it being visualised in real time. Even lets you save animations as SVGs. Very cool! #RxJS #javascript rxviz.com