What you’re about to read about Airbnb might change the way you think about your React projects.
It’s full of good lessons, and we’re starting now.
The year is 2020,
Airbnb isn’t a small company anymore.
It’s huge.
Millions of people use it every day.
Lots of bookings, lots of data.
But something bad was happening.
Really bad.
As Airbnb’s React code got bigger, so did the problems.
With a project like Airbnb... even one bug is a big issue.
That’s a big problem.
Users are angry, and the bosses are worried.
Time and money wasted.
Everything’s messed up.
The devs had to add new features fast.
However,
as the code got bigger,
bugs kept popping up.
They were hard to find and fix.
Each week, the problems got bigger.
Bugs kept slipping through.
They had to fix it.
So, the team did something surprising:
They decided to switch all the code to TypeScript.
Millions of lines had to be changed.
It wasn’t easy, but Airbnb did it.
Why React and TypeScript?
Why not just fix JavaScript?
They saw it clearly.
Super
Clear.
TypeScript isn’t just another language...
it’s a game-changer that’ll keep you calm.
Now you can book that dream vacation home for your family, no problem.
Brie Bunge from Airbnb said this at JSConf Hawaii in 2019:
"38% of all bugs in Airbnb’s codebase could’ve been avoided with TypeScript".
At first, some team members weren’t so sure.
After all,
Did they really need to switch their React code to TS?
At first, it was just a test.
But it became one of the best decisions for the company.
The result?
Brie Bunge was right at JSConf Hawaii 2019.
The code got better, had fewer bugs,
and it was easier to work with.
No more late nights fixing bugs.
No more fear of getting fired.
All is calm now.
Devs got their time back.
TypeScript made it way easier to catch errors.
They saved time, and the code got better.
Way better.
They didn’t just fix their code—they made more space to be creative.
Now, Airbnb could focus on what really mattered:
Creating cool stuff.
Making it super easy to use.
Everyone’s happy — customers, bosses, and devs.
More wins.
More joy.
They started adding features fast.
They’ve been growing since 2020.
TypeScript’s here.
It’s a game-changer.
Anyone who knows how to use TS (RIGHT) in React will be better off in the future.
Doesn’t matter
if you’re a big company, a startup, or just working at home.
Knowing how to use TS in React is key.
Now more than ever.
Besides Airbnb...
How common is it to use TS for React apps?
Any company with good jobs is using TypeScrip.
It’s standard.
TS came up in every interview.
Every time.
Companies asked about it in the tests.
It’s the industry standard by a mile.
They use it for a reason.
It makes projects better.
I worked on React JS projects, without TS, especially in my first jobs in 2018.
There were so many type bugs that could’ve been stopped.
It almost hurt, physically.
Everything changed when I started using React and TS in 2020 and 2021.
It made a big difference.
Enormous red flag if a production codebase started in the past few years is not in TS these days.
TS shows you what data should look like. You always know what’s coming in and out of each function.
It stops you from making most of the silly mistakes you can in JS.
You don’t have to guess with TS. You don’t have to use ?. everywhere.
Sure, it’s a bit boilerplate-y and takes some time to get used to, but the benefits far outweigh the drawbacks.
I started 5 React TS projects from scratch as a tech lead and senior front-end dev in the last 6 years.
Millions of active users are in them.
And have worked on over 10.
All with React and TS.
I mean, I know exactly how to build highly demanded, bug-free, and scalable React TS projects. And not just that. Many (MANY) people out there with great careers have asked me how to do it, and I've inspired them with it.
I know the tech and have done it all.
I don’t just go by what I’ve heard, so I made this SUPER ambitious and complete course about React TS.
It’s top-level stuff.
A course for any React dev with big goals and drive
Whether you’re at a big company or just learning React and TS.
I’m telling you so you can take a look at it calmly.
Here it goes:
▸ The most common mistake and it pulls everything down when working with TS.
▸ Steps to create React components with TS. They’re NON-negotiable.
▸ The simple trick for creating React states to get all the benefits of typing.
▸ When add types to hooks and don't. Examples inside.
▸ A unique way to apply enums. A User Role Management example.
▸ What you can learn from a way to set up a simple input field. It will make your forms error-proof.
▸ Some people skip this because others say so. But you shouldn’t.
▸ What to do if you’re using arrays in your React project (which you will a lot) and need to apply typing... with 2 easy ways to do it.
▸ The best way I know to reuse a type in TS. Plus, other tips to make the code maintainable.
▸ The main reason why maintaining TS code in React projects can be a nightmare. How to fix it inside.
▸ What you should never do when choosing between Type and Interface. Sorry to say, you’re probably doing it. Or thinking of doing it.
▸ The way you should never use broad types. I’ve seen this over and over again. It makes it impossible to have a bug-free app.
▸ A real example of the error of using TS in a non-standard way in a React project.
▸ How to apply basic and advanced types in your React projects. Code will be way more professional and scalable. 2 practical challenges.
▸ How to use React Context with TS in an optimized way. It makes it way easier to maintain. Examples inside.
▸ A trick to take advantage of what other libraries have already done for us to simplify your projects.
▸ Using default props in React? Never make this mistake in that case.
▸ How to apply TS in a form. A real example.
▸ What you can learn from a tailor to level up your React project.
▸ Different ways to use Type and Interface that you've probably never thought of.
▸ A VSCode extension built by top devs from a leading American startup. To easily understand what's going on in the TS code.
WAIT, THERE’S SOMETHING YOU DIDN’T EXPECT
The read time for the React Pro Series: TypeScript course is 1 hour, 5 minutes, and 4 seconds.
But at the end of each section, there are 2 minutes of challenges with solutions to practice. And there’s a full pro React TS project to download. It also uses the latest tools Zustand and React Query. It’s explained. Even if you’re not using TS with React, just the full project is worth it. It’s 3 steps to set up a project like this.
Questions that made a big impact on the React world.
What’s inside?
All the essentials you need for React TS projects. The mistakes you should never make, but lots of people do. Easy tips to quickly put in place. Plus, the last part has tips to greatly improve your projects. Also, there’s a full React TS project to download. It’s really useful to know how to set up a professional React project. If you stick to the guidelines, the projects will be easy to manage and free of bugs.
What’s the course format like?
I’ve got it ready for you in 12 text lessons with code examples, and explanatory images. The read time is 1 hour, 5 minutes, and 4 seconds. And an extra section with a read time of 3 minutes and 35 seconds. Plus, there’s a full project to download. It will show you why organizing your files and folders is more important than some component complexity. And how to use this to keep your React TS projects neat, easy to scale, and simple to maintain. The project zip is 90KB.
Is this course good if I already know React and TypeScript? What if I’m just starting and know a little?
Yes, it’s good for both. If you know React and TS, it’s helpful. If you know a bit about React and TS, it’s helpful. If you’re just getting started with React and TS, it's very likely you'll come up with lots of ideas to improve your projects after taking this course. And not just that, it includes a full project. It’s extremely helpful in knowing how to set up a professional React project. With or without TS, so it’s easy to maintain and grow.
Do I get a certificate when I finish the course?
Yes. A Certificate of Completion is provided when finishing the course. It includes a unique Certificate ID.
Where and how can I access the course?
The course is on Payhip. You can create a customer account during checkout. If you have an account, just log in. After you buy the course and log in, you can start right away.
When do I get access?
Once you buy it, you get lifetime access.
What’s the price?
€190.
If you’re interested, it’s right here:
PS: What if any React project can level up with TS (you’ll see it inside)—and really make a difference? What if it’s the best way to prevent bugs and save time while coding? Are you really going to wait 6 months to learn React and TS? Or a whole year? Are you going to let others get jobs in big React TS projects? While you wait for the next big tech? These are the techs that are changing the game in the front end right now.
This course has EVERYTHING you need to use TS in React and get front-end dev jobs, no matter where you start. What to skip, real solutions, and easy tips to make it work. So, what if using TS in React (THE RIGHT WAY) could change your front-end career?
Have a great day.
Edi Rodriguez.
Senior Front-End Dev - React Specialist | Edi Rodriguez