🧵 The Ultimate TypeScript Thread 🧵
Here's everything I've learned from leading TS dev teams and working on XState's core team.
My goal is to turn you into a TypeScript wizard.
And yes, this thread is EVERGREEN - I'll add at least 3 more tips a week 🚀
Let's get started.
Scope and closures are two important (& related) concepts in JavaScript.
Scope governs where a variable is available in a program, & closures let you access variables out of their scope.
Here @zach_snoek explains how scope + closures work with examples.
https://t.co/68MSG9Lhx8
🥳 Excited to share https://t.co/hsrHu2zlEz, a free resource created by @addyosmani and me! It covers many traditional and new techniques to instantly improve your app's performance, including:
⚙️ Rendering patterns
🎨 Design patterns
🚀 Performance patterns
💡 Case studies
Pro Tip: Are you tired of reviewing GitHub PR diff chunks out of context?
Replace https://t.co/veACqVC6ff with https://t.co/1qMNC9PxsS in the URL to enjoy a much better reviewing experience.
via @__jakub_g
A Really simple concept of how react-query works under the hook.
You should definitely use it in your next project and throw away redux-sagas/redux-thunk
3️⃣ The Basics
A 12 min video by @fireship_dev is the only video you need to watch to get started.
Will you be a TypeScript expert after watching it?
No - but TS has a low barrier to entry, by design, so you just need to know the basics to get started.
https://t.co/D6jLGpoVHe
#Remix is a new web framework from the creators of #ReactJS Router that helps you build better, faster websites through a solid understanding of web fundamentals.
Watch @mjackson introduce the framework: https://t.co/FQeketiKLp
React Query has become one of the most popular and powerful data fetching libraries for React.
@tannerlinsley goes behind the scenes to see how React Query actually works: https://t.co/fUrjZ3GC9M
.@DavidKPiano shows how state modeling with state machines and statecharts can improve the way you develop your #ReactJS applications, and get a sneak peek of never-before-seen upcoming visual tools that will take state management to the next level: https://t.co/n2g0Hol63J
Deadly heat waves have swept the globe and will continue to because of climate change.
The trends are prompting doomsday questions: Will parts of the world soon become too hot to live in? How will we survive? https://t.co/qOmyA34oEC
@collins_bilal redux is a state management tool, designed for often changing values and fine-grained subscriptions via selectors.
react context is a dependency injection mechanism, mainly to avoid prop drilling. I'll just defer to @acemarke and his great blog: https://t.co/6g4WvwkFy8
🚀 We launched our first AWS Certified Solutions Architect Associate challenge! Join us to earn your certification, with free training live on #Twitch & free webinars. Participants will be eligible for a 50% discount voucher for the exam. Sign up: https://t.co/jMRF3Q11hu
All India Council for Technical Education (AICTE) today launched a regular https://t.co/CIaIFe1gxd. Program in Defence Technology in collaboration with DRDO. @AICTE_INDIA#AtmaNirbharBharat
https://t.co/tLXV5duFY9
Just read an article called “Why we need to stop using React”
Working my response article now: “How I unhappily squandered 5 minutes today”.
😂
React is awesome peeps. Don’t like it, don’t use it. 🤷♂️ 😉
Note: Deliberately not including the link
https://t.co/yJmuig6Hgh looks so much better than Apollo-client. Time to move to it :D
Using it with prisma / nexus seems like a stack that no language comes close to