Learn React Fundamentals 🆓 and Advanced Patterns ⚛️ 🎁

Artwork for egghead.io is created by the amazing Maggie_Appleton

Two and a half hours of new beginner (free) and advanced React material are now available egghead.io!

I couldn't be more excited to introduce you to what I can call my best work to date: Two new video courses available now on egghead.io! The beginner material is free forever and the advanced stuff is worth a subscription so I encourage you to give them a look!

This course is for React newbies and those looking to get a better understanding of React fundamentals. With a focus on React fundamentals, you'll come out of this course knowing what problems React can solve for you and how it goes about solving those problems. You will have a good grasp on what JSX is and how it translates to regular JavaScript function calls and objects.

Each lesson in this course is just a single index.html file which will help you keep your focus on learning React and not distracted by all the tools that make production applications work. The course wraps up with a lesson on how to move from these index.html files to a more production ready development environment and even how to deploy your app to a great service like Netlify.

Enjoy!

The goal of this course is to give you the knowledge of advanced patterns you can use to make React components that are more flexible, simpler, and more fun to build, use, and maintain. We'll start with a simple <Toggle /> component which we'll progressively refactor to each of the patterns so you can see the relative trade-offs of the patterns and how they can be used together to increase the usefulness of your component while at the same time simplifying things for everyone.

Having built and shipped components using each of these patterns, I'll help you understand and weigh the tradeoffs of each of them and you'll come to intuitively know where to apply each pattern in your own components. When you're finished with this course, hopefully you'll have a list of actionable things you can do to rework the components that you're building to make them more flexible, simpler, and more fun to build, use, and maintain.

Enjoy!

The Beginner's course is joining the ever growing egghead.io "Community Resources" which means it will be free forever! I'm totally amazed by egghead and all the free stuff they sponsor. Thank you egghead!!

The Advanced course was free for a week but is now used to fund egghead's community resources by converting to subscriber-only content. Now's the best time to get a pro account. egghead very rarely does sales, but it's running one right now! For a limited time, you can get an egghead subscription for 30% off. See egghead.io/gifts for more information.

Reactions

I've made a twitter moment with some reactions to the courses. Here are some of my personal favorites:

I just finished up @kentcdodds's `Advanced React Patterns` videos on @eggheadio. I'm pretty sure I learned something in every video. Thanks Kent!



Achievement Unlocked -- ⭐️ Super Duper https://t.co/H7XlAYljsq — andrewdelprete (@AndrewDelPrete) December 4, 2017

If you want to learn @reactjs / improve your skills, you should check out the free @eggheadio courses by @kentcdodds - he's not only a nice guy but also a great teacher! 3 x more binge-worthy than Netflix 💪 https://t.co/qzVr7REjLz — Leo Ijebor (@leoijebor) December 4, 2017

Truly impressive how densely packed with real-world-usable insight this course by @kentcdodds is. https://t.co/PQKgmff4lC — this is hugo (@dissimile) December 5, 2017

Really enjoying the way @kentcdodds explains things in "The Beginner's Guide to ReactJS" on @eggheadio. Definitely helping cement topics as I try to learn react quickly. Thanks for the awesome free course!https://t.co/xuyhIyaYJs — Michelle is @mjordancodes (@MichelleJLevine) December 6, 2017

TFW you've been programming for two decades and think "yeah I probably know everything in @kentcdodds's advance react course already" then you watch it and go "shit... that's actually a really good tip" 🤔 #humbling #AlwaysBeLearning — rossipedia (@rossipedia) December 6, 2017

Why @kentcdodds ‘ recent videos are the best:

- Just react.

- No configuration. Just fire up an index.html with script tags just like the old days.

Go watch it people while you all can!https://t.co/cVYuqz7GBa — John Darryl Pelingo 🇵🇭🇬🇷🇩🇪 (@john_lyrrad) December 7, 2017

Great courses, Kent! Already justified my recent @eggheadio renewal. — Andrej Kyselica (@andrejpk) December 7, 2017

@kentcdodds I LOVE the pace of your videos. No fluff. Quickly teaches concepts so you can go figure them out yourselves. I wish everything was taught like this. https://t.co/BHoHfSghx3 — Tim Edwards (@tim_shane) December 7, 2017

my fav. video was about 'keys'

it was very thorough.At the end of the video, you showed the 'no-key' , 'index' , 'with-key' input focus examples on same page which cleared all doubts

This video :https://t.co/VM7BLUw0PF — Deen John (@deen_john) December 7, 2017

The react router source code I had been trying to wrap my head around just became clearer after watching @kentcdodds advanced react component patterns video. I just became smarter all of a sudden lol 🙏 — Tolulope (@afrocode_) December 7, 2017

I just finished @kentcdodds "Advanced React Component Patterns" course. I feel as if a wizard has shared all their sage battle proven techniques with me. You should definitely check it out: https://t.co/16qJ8wksM3 — Jonathan Spengeman (@jspengy) December 7, 2017

Just finshed The Beginner's Guide to ReactJS from @kentcdodds on @eggheadio https://t.co/CTAJMXnzhv and even though have been using react for more than a year, learnt something new!!! — Hozefa Jodiawalla (@HozefaJ) December 8, 2017

I'm really excited by all these positive responses! Thanks everyone!

Conclusion

I can't tell you how excited I am for you to watch these things! If you learn anything or enjoy the courses, I would ask you to do any of the following:

⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁



Here's my big announcement!



My @eggheadio courses have been published and are totally FREE!



“Learn React Fundamentals and Advanced Patterns”https://t.co/ZopBeSrFVu



⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁⚛️🎁 — Kent C. Dodds 🛰 (@kentcdodds) December 4, 2017

Thanks everyone! And Merry Christmas! 🎁 🎄