React 17: New Features!! - JSX Transform is Amazing!!

About a month ago React 17 was announced and it seemed to be a very underwhelming release, having no new features.

And while it is true that there are no new features, there is one change that has slipped under the radar. I haven't seen anyone else talking about this.

There's a new version of JSX transform supported by React 17. In my opinion, this is a big deal!

There are 3 main benefits from this new transform:
- React import is not required
- Improved bundle size
- Fewer concepts required to learn React

In this video, I'll explain what has changed and how you can start using this new feature today!
_____________________________________
Resources:
_____________________________________

📚 Learn to CODE in just a FEW months here:
_____________________________________

🛠️ Tools I use:

_____________________________________

💖 Show support!
_____________________________________

Watch Next:
_____________________________________

Connect With Me:
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #reactjs #react17

[mainframe]

I end up with increased bundle size, because of the /*__PURE__*/ comments added by babel before that jsx functions. Bundle size was increased by 4% (19kb), which is quite a lot.

[ClaudioBernasconi]

Great video, as always! I will definitely apply this to our applications when React 17 is released. I wonder how much of an impact it has on the bundle size. It would be a great follow-up video to compare before and after package sizes for a real application.😉

[nastygambler]

I love your content no BS straight to the concept.. 👍👍

I kind of thought "import React" violates DRY principle 😂😂

That codemod was very intelligent... I was amazed by the strictmode restructuring

[kainarilyasov]

Have waited long this version! This version of React made huge improvements on my world project!

[Mostafaabobakr]

Thanks,
if you added a bundled comparison that would be perfect

[danieltkach]

Is this something that works by default when using vite?

[aaron___]

What if you're using an old react application not based on the create react app?

[dominikabieder]

what about the eslint rule react/react-in-jsx-scope? have you just turned it off or is there another way?

[Shogoeu]

Have you noticed any bundle size improvements with the new transform?

[sunny]

Hey Jess, which kind of font you are using?

[OMorningStar]

Damn, didn't realize how much I missed coding.

[yogeshmuli]

what theme are you using for those cool fonts in vscode?

[sahilGupta]

Great 👍.
But what is that compiler which is doing all these compiling when you showed the compiled.js file???

[studio-v-digital-treasures]

Thank you for this. Wanna ask how to upgrade existing c-r-a to @next

[kolya]

React is really amazing but hopefully it will not turn into a framework sooner 😬

[kevyyar]

I'm waiting for a course with React that has a website project and not an app like counter or todo. For freelance purposes.

[MaxProgramming]

What was JavaScript with Flow at 6:50???

[asoftraiden]

Shame on you all.. react is not a framework