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

Channel:
Subscribers:
296,000
Published on ● Video Link: https://www.youtube.com/watch?v=8D-rWP3c088



Duration: 8:10
23,663 views
702


🦸 Become A VS Code SuperHero Today: http://vsCodeHero.com

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:
Ben Awad's video: https://www.youtube.com/watch?v=_B7pGf8QJWo
Adrian Twarog's video: https://www.youtube.com/watch?v=ZLXYhmgbMBo
createElement performance issues article: https://github.com/reactjs/rfcs/blob/createlement-rfc/text/0000-create-element-changes.md#motivation
_____________________________________

📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** 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




Other Videos By codeSTACKr


2020-11-10Learn JavaScript Equality Fast! #shorts
2020-11-10UNBOXING 100K SUBSCRIBER SILVER PLAY BUTTON & Why You Should Start A YouTube Channel TODAY!!
2020-11-05Learn JavaScript Variables Fast! #shorts
2020-11-04Easy Mega Menu and Multi Level Dropdown with Animations | HTML & CSS Tutorial (2020)
2020-10-29What Is JavaScript? A Quick Explanation! #shorts
2020-10-26Easy VS Code Docker Remote Containers | Dockerize Development Environment Easily with VS Code (2020)
2020-10-19Clone GOOGLE with Tailwind CSS - How Google was Built in the 90s vs TODAY!
2020-10-136 Amazing Tips to Successfully Freelance in Web Development (2020)
2020-10-10Top VS Code Updates | v1.50 Released!! | Tips & Tricks 2020
2020-10-05NEW GitHub CLI 1.0 Tutorial | FREE Swag! | Hacktoberfest UPDATE | Step-by-Step Guide | Web Developer
2020-09-28React 17: New Features!! - JSX Transform is Amazing!!
2020-09-24How To Make Responsive Website | Animated Hamburger Menu | HTML & CSS | Step By Step Tutorial 2020
2020-09-22Become A VS Code SuperHero Today! | Course Launch
2020-09-18How to Create a VS Code Extension Pack | Top Extensions | Download SuperHero Extension Pack Now!!
2020-09-12How to Create a Custom VS Code Theme (2020) | Step-by-Step | Debut of codeSTACKr Dark Theme
2020-09-05FREE Icons! How to use Bootstrap Icons v1.0.0 | Bootstrap 5 (2020)
2020-08-310 to 70K SUBSCRIBERS in 1 YEAR | YouTube 2020: The strategies that helped me to grow on YouTube
2020-08-27How To Build A React App w/ Hooks & Airtable API | styled-components | Code Quality Check
2020-08-21UPDATE: VS Code July 2020 Stable Release | Settings Sync | Browser Debugging
2020-08-15UPDATE: Next Level GitHub Profile README (NEW) | GitHub Actions | Vercel | Spotify
2020-08-13SPEED RUN: Build a CRUD API with PrestoAPI & MongoDB Atlas in 9 Minutes! Then Airbnb Clone!



Tags:
react 17
react 17 release date
react 17 release
react 17 performance
react 17 jsx transform
react 17 changes
react 17 release candidate
react 17 date
react 17 features
react 17 no new features
react 17 jsx
when will react 17 be released
when is react 17 coming out
reactjs 17
reactjs version 17
react version 17 release
reactjs 17 no new features
reactjs
react
react new version
reactjs tutorial
react tutorial
react version 17
react js
react jsx