Skip to content

The Most Comprehensive Guide to React for Professional Developers

Learning React is daunting. πŸ˜…

"Knock Knock?"

"Who's there?"

"Your runaway useEffect call burning through AWS compute minutes like a brush fire and sticking you with a \$42,000 bill hahAHaha 🀑"

Seriously though...

React provides you an "assembly-level" collection of hooks into the even lower-level APIs of the browser DOM.

That gives you extensive power and near unlimited potential as a developer.

React itself is gloriously "simple"... but far from easy.

This is what makes React so powerful and essential in modern web development.

React gives you the raw ingredients to create whatever you need on the web (and beyond...)

React is popular today because of this design and will be a strong career bet as a web developer for years to come.

This flexibility and power of expression also makes React extremely challenging to learn as a web developer.

React may be "simple," but the things we make using React become very complicated, very quickly.

This is where a strong in-depth understanding and working knowledge of React becomes absolutely critical to your success.

space pod

React is the smart choice for your next professional web development project.

React isn't the only choice.

Far from it! You've got a wealth of choice regarding the tools you can use for your project. Too much choice? There's a lot of options. 😬

React is hands-down, the best choice for most web application projects starting today.

That's why you must hone your React expertise and level-up your skills as a web developer.

React is not easy to learn or master.

It takes a ton of effort.

Once you get beyond the basics, your brain's load can move from heavy to the extreme as you learn new patterns and mental models to shape the raw clay of the core React APIs into something that will surprise and delight users and stakeholders.

There are so many decisions to be made about combining the raw APIs that React provides into a cohesive maintainable application that can scale with your product, team, and career.

React === job security

React is an excellent bet for the future of your career.

mini rocket

When you encounter React at first, it's common to be a little confused. As you work and learn React, that confusion fades into confidence, but a new confusion starts to arise.

Beyond the Basics with React

You've mastered the basics, but how do you go beyond the basics and truly harness React as an expert?

Too many "beginner React" material starts with JSX and a bunch of tools.

React itself is remarkably simple (and the docs are amazingly good).

Sadly, everything around it can get complicated quickly and it can be hard to know where the lines are between React and the tools and libraries you use it with.

And then beyond the basics, it's hard to find a consistent, complete, all in one framework that you can use to confidently build and ship React applications.

We are left piecing together components like a jigsaw puzzle.

The React docs themselves give us a clear idea about how to structure React components and the pieces that we need to fit together, but they leave it up to us almost entirely when it comes to assembling those components into the bigger picture of an application.

What if you had a resource for you and your team that taught consistent fundamentals of React component development as well as a well defined, production-proven, enterprise-grade architecture for building applications that scale?

Sounds good.

Epic React is tailor-made for you and your team.

This self-paced workshop collection will start from the very beginning of the React journey and guide you all the way through well-tested application architecture.

satellite with a hook

Epic React is the distillation of my years of experience building reusable React components, open-source libraries, and shipping rock-solid apps to millions of users worldwide.

And I'm going to show you how I did it.

Completely.

No holding back.

Get ready to strap into the rocket booster, and take your React applications to the next level.

What is Epic React?

Epic React is a series of code-along interactive workshops that have been play-tested live and in-person over several years for hundreds of developers like you.

Each module in Epic React is a stand-alone workshop.

Live, these workshops cost \$600 per workshop 😳

To attend them all costs almost \$5000 per team member.

And worth it, according to past attendees. πŸ₯°

I was just about to start preparing the app we're working on for general availability, which includes solving a lot of performance issues. This workshop delivers knowledge that is applicable to the real world issues right away.”

a photo of Ruslan Shtyk
Ruslan Shtyk about React Performance workshop
β€œ

This has been my favorite of the masterclass series. Especially compound components! I find I'm at a point in my career where I want to write better APIs for components both for others and for resilience.”

a photo of Mike Schutte
Mike Schutte about Advanced React Patterns workshop
β€œ

The exercises were well designed and pitched well to allow the need for the concepts. The explanations were clear and helpful and I love how you are able to reuse your blogposts all the time to reference and build up a body of knowledge. Inspirational as an educator. Thanks so much!”

a photo of Kevin Cunningham
Kevin Cunningham about Advanced React Hooks workshop
β€œ

This was my first workshop of any kind and I really enjoyed it. It helped clarify a lot of muddled concepts I have had about hooks, but haven't had much time to get into because I'm managing a huge code base at work and dedicate most of my time to that.”

a photo of Manny Hagman
Manny Hagman about React Hooks workshop
β€œ

Great workshop! I thought each lesson/section was very well scoped and paced, and learned a lot throughout. Suspense is a very cool, useful API. Well done!”

a photo of Nicholas Sakaimbo
Nicholas Sakaimbo about React Suspense workshop
β€œ

Another great workshop, I really love the fact that I can complete the exercises on my own tempo afterwards since it's so well documented.”

a photo of Glenn Smeulders
Glenn Smeulders about Advanced React Hooks workshop
β€œ

These self-paced workshops aren't watered-down versions of the live events.

Nothing is held back.

The experience is better because you'll be able to learn the material at your pace.

Rewind when you need to.

Put the videos on 2x if it feels slow!!

The choice is yours.

a planet

You are in total control of your learning pace at every step.

We start at the fundamentals of React so that we are on the same page, but this isn't a simple rehash of the (excellent) React docs.

We will quickly move beyond the basics at a brisk yet comfortable pace into more advanced patterns and practices that you will use on the job every day of your career as a React developer.

Once we are finished with a thorough deep-dive of the core concepts that React demands, we will work through a 4-part in-depth, real-world example application together as a capstone project.

React Fundamentals (1h 51m)
React Hooks (2h 24m)
Advanced React Hooks (1h 13m)
Advanced React Patterns (1h 17m)
React Performance (2h 13m)
Testing React Apps (2h)
React Suspense (1h 32m)
Build an Epic React App (6h 53m)

When we say that this self-paced workshop collection is "epic," it isn't a play on words.

Epic React is truly epic in scope and scale and depth and breadth of knowledge.

a trophy

Everything I've learned about React has been condensed into this self-paced workshop collection.

Every single module in this self-paced workshop collection is interactive.

You will be getting hands-on practice in minutes and coding in a real development environment.

  • 19 hours of concise in-depth video training
  • Interactive self-paced workshop exercises
  • 10 full hours of insightful video conversations with React experts

All modules are video-based and transcribed and captioned to make them accessible and friendly as possible for your preferred method of learning.

Beyond the tutorials, I've also assembled a set of individual interviews with other React experts for you to learn from. They are really awesome, and I know you'll love them as much as I do.

Epic React is up to date

Epic React is current and modern React designed around React 17+ for 2021 and beyond.

One of the biggest challenges with learning React is the vast sea of low-grade amateur content available online.

Books that are out of date.

Articles that are both out of date or wrong.

Screencasts that are old and stale, too time-consuming and costly to update (or maybe the instructor doesn't really even care).

Endless Youtube channels are thinly veiled content-marketing schemes meant to harvest cash from your wallet without caring about you or your career.

That's not what Epic React is.

Epic React is created by professionals for professionals

Epic React is a premium learning product sold at a correct and sustainable price point so we can guarantee it is fresh, up to date, and that you will be supported as a learner and professional web developer.

This sets Epic React apart from most low-effort training content that tries to pass for education on the internet.

Epic React is an investment in your career, your team, and the clients and customers that will ultimately use the code that you push to production to accomplish their work too.

a rocket

How was Epic React designed?

The vast majority of online courses are designed and developed based on the intuition of the instructor. Often, the instructor isn't even teaching based on actual production experience, but instead, they have read the docs and done some tutorials - maybe written a Medium article or two for content marketing Google juice - and then laid down a quick course to cash in on the hype waves of a popular tool.

This isn't how Epic React came to exist.

First and foremost, Epic React is the product of real production experience both as a senior developer at companies like PayPal and through the development of many popular and essential open-source tools that support the React ecosystem.

With that experience, I've also applied scientifically proven instructional design strategies to help craft a practical and repeatable learning experience for you and your team.

I've also partnered with the folks at egghead.io to apply their years of experience, producing hundreds of high-quality courses and using their extensive knowledge of learning design to the process.

But, Epic React isn't just a "big egghead course" - at all.

Epic React is a glorious React learning bonanza like nothing egghead.io, Frontend Masters, or any other resource the internet has to offer.

Period. Full stop.

Epic React is more like a React Bootcamp/Coding School in a more digestible format, better platform, and smoother delivery.

There is nothing "bite-sized" about Epic React.

Epic React is different.

We've worked to create a genuinely interactive experience that combines all of the benefits of a live workshop with flexibility and pacing that will suit your needs and learning style.

You will be blown away by the depth and quality of Epic React.

I'm so positive this is the case that I offer a 30-day full money-back guarantee. If you do the work, make an effort, and Epic React doesn't meet your expectations, I will give you your money back immediately.

No hard feelings.

Who is Epic React created for?

This is intermediate/advanced material!

Epic React is not for beginner developers. But it is perfect for developers completely new to React.

Several assumptions are being made about your experience coming into Epic React:

  • Strong understanding of modern JavaScript and, more generally, web development (HTML/CSS) - we won't spend time remediating the basics in this self-paced workshop collection.
  • Willingness to do the work actively β€” this isn't a passive course, and you won't be successful if you don't make an effort. It's very challenging.

Epic React is appropriate for professional developers, boot camp grads, and development teams that want to have a consistent pro-level shared knowledge of developing modern web applications with React.

Epic React is designed for web developers who want to create robust, high-quality, well-tested React applications that scale to meet users, teams, and project stakeholders' needs.

Epic React starts from the fundamentals of React application development and moves you rapidly into the patterns and mental models you need to be successful as a web developer using React to solve users' problems.

If that sounds like you or your team, Epic React was purposefully designed to meet your needs.

a moon or asteroid

πŸ›‘ Who Shouldn't Buy Epic React

Epic React isn't for everybody.

If you are a newcomer to web development and don't feel comfortable with arrow functions, destructuring, and other modern JavaScript, this self-paced workshop collection might be too challenging.

Bookmark the site. Epic React will still be here, updated, fresh, and ready for you when the time comes.

If you aren't willing to do the work required and actively participate with the material, you won't be successful with Epic React.

It just won't work if you won't do the work.

Epic React is no silver bullet.

No course on the internet can do the learning for you, and this self-paced workshop collection is no exception.

You have to commit to doing the work to learn React effectively.

Epic React is ultra in-depth, hands-on, and tested and refined over the years with real professional developers.

Epic React wasn't developed in isolation in a shed in my back yard or a cobbled-together rehash of the official documentation.

The material is comprehensive and well thought out, based on practical production experience.

Every single module in this self-paced workshop collection, developers have paid hundreds of dollars to attend in-person events and learn this material.

But I can't learn for you.

Not willing to do the work?

Epic React probably isn't a good fit. Please don't buy this self-paced workshop collection to add to your collection of unfinished courses.

If you're ready, willing, and able to get your hands dirty and learn React...

Epic React was made for you.

You won't be learning in isolation with Epic React

Community is essential.

One of the drawbacks of self-paced online learning is that it can be an isolating experience. This often leads to the courses we buy, gathering digital dust on our hard drives.

With Epic React, you'll be able to join learning cohorts, called KCD Learning Clubs, on the KCD Discord server.

KCD Learning Clubs provide collaboration, companionship, and accountability for doing the work as a learner. These are organized by Club members and facilitated by the KCD Discord.

These Clubs have been super awesome, and I'm very excited to share them with you on your journey to mastering React.

The KCD Discord community is very special to me. It is a community of practice that is fun, inclusive, and focused on the goal of learning and growing together.

We are excited for you to join us!!

I personally guarantee you will love Epic React

Epic React is a premium self-paced workshop collection.

If it doesn't work for you or suit your needs, you will receive a full refund. Period. All I ask is that you give it a try and make an effort to do the work.

There's no risk.

money back guarantee

If these in-depth, production-ready workshop modules don't help you achieve your goals and advance your career, I will give you every penny you spent on it back immediately.

I promise.

Hi, I'm Kent C. Dodds, and I will be your Epic React instructor

I'm a full-stack JavaScript engineer. In the past, I've worked at PayPal, where I helped build products shipped to millions of users all over the globe. I also represented PayPal on the TC39. In addition to my job as a React developer, I created and maintain the most popular library on the internet to test your React applications. I'm a Google Developer Expert, and I've been teaching on egghead.io for six+ years.

I'm happily married and the father of four kids (and one dog). I like my family, code, JavaScript, testing, and of course, React!

Join me on a Tour of Epic React!

Topics include

  • React Fundamentals

    Learn the foundational concepts necessary for building React applications and libraries

    Learn everything you need to be effective with the fundamental building block of React applications. When you’re finished, you’ll be prepared to create React components to build excellent experiences for your app's users.

  • React Hooks

    There are better patterns and practices that are an entirely new approach to developing components and managing state in your React applications.

    Learn the ins and outs of React Hooks. I will take you on a deep dive into React Hooks, and show you what you need to know to start using them in your applications right away.

  • Advanced React Hooks

    To learn the more advanced React hooks and different patterns to enable great developer APIs for custom hooks.

    We’ll look at some of the more advanced hooks and ways they can be used to optimize your components and custom hooks. We’ll also look at several patterns you can follow to make custom hooks that provide great APIs for developers to be productive building applications.

  • Advanced React Patterns

    Learn how to build simple and flexible React Components and Hooks using modern patterns

    Not only learn great patterns you can use but also the strengths and weaknesses of each, so you know which to reach for to provide your custom hooks and components the flexibility and power you need.

  • React Performance

    React is fast, until it isn't

    Learn everything you need to diagnose, profile, and fix performance problems in your React application using the Browser Performance Profiler, React DevTools Profiler, and proven React optimization techniques.

  • Testing React Apps

    Learn the essential tools and techniques to ship with confidence

    In this hands-on workshop you'll learn everything you need to test React components and applications with ease and get the knowledge you need to ship your applications with confidence.

  • React Suspense

    Simplify your Async UI and improve your User Experience

    Learn how Suspense works under the hood, preparing you for the future of asynchronous state management.

  • Build an Epic React App

    Get started building React applications

    The React and JavaScript ecosystem is full of tools and libraries to help you build your applications. In this (huge) workshop we’ll build an application from scratch using widely supported and proven tools and techniques. We’ll cover everything about building frontend React applications, from the absolute basics to the tricky parts you'll run into building real world React apps and how to create great abstractions.

...And more!

Epic React Launches in

01
days
05
hours
08
minutes
21
seconds

Get Really Good At React

Subscribe to get notified about special discount

Hey, I'm Kent C. Dodds

Your instructor for the Epic React workshop, nice to meet you. 😊