Search and Compare course prices, ratings, and reviews. Over +350 Design and Technology courses in one place!

Microfrontends with React: A Complete Developer’s Guide

(12 customer reviews)
Product is rated as #75 in category Development

What you’ll learn

  • Use microfrontends to architect an app that dozens of teams can work on at the same time
  • Structure your apps to scale to millions of users
  • Understand how to divide a monolithic app into multiple sub-apps
  • Coordinate data exchanged between your microfrontends
  • Apply a production-style workflow with a full CI/CD pipeline
  • Deploy your microfrontends to Amazon Web Services with CloudFront
  • Isolate rules styling by applying CSS-scoping techniques
  • Judge whether microfrontends are an appropriate choice for your application

Congratulations! You’ve found the most popular, most complete, and most up-to-date resource online for learning how to use microfrontends!

Thousands of other engineers have learned microfrontends, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how microfrontends work, and will get you a new job working as a software engineer or help you build that app you’ve always been dreaming about.

The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.

Microfrontends are used to divide a large app into a series of smaller apps. This provides a set of unique benefits to any frontend:

  1. Author smaller, easier to understand codebases
  2. Use a different set of libraries for each sub-app – bring the best tool for the job!
  3. Deploy each portion separately – limit the chance of interrupting your users
  4. Allow each of your engineering teams to work independently

This new architecture is popular, but there is a lot of misinformation online. This course has been developed with input from top engineers to ensure total technical accuracy. Additionally, you’ll learn how to evaluate whether microservices are a good choice for your application.

———————-

What will you build?

This course features hundreds of videos with dozens of custom diagrams to help you understand how microfrontends work. No prior experience is necessary. Through tireless, patient explanations and many interesting practical examples, you’ll learn the fundamentals of building dynamic and live web apps using microfrontends.

Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You’ll find plenty of discussion added in to help you understand exactly when and where to use each aspect of microfrontends.

Below is a partial list of the topics you’ll find in this course:

  • Learn design patterns used by the largest companies in the world
  • Understand when to use microfrontends
  • Link multiple apps together using a tiered routing system
  • Scope CSS on your page to prevent cross-app contamination
  • Avoid sharing state between apps to promote isolation
  • Deploy each portion of your app independently to avoid production bugs
  • Scaffold a CI/CD pipeline to automate your release process
  • Utilize multiple front-end frameworks in the same app
  • Maximize performance by using module federation

I built this course to save you hundreds of hours of self study. I’ve put years of my own experience into this course to save you time. Sign up today and join me in mastering microfrontends.

Who this course is for:

  • Engineers looking to scale frontend apps

12 reviews for Microfrontends with React: A Complete Developer’s Guide

4.5 out of 5
7
4
1
0
0
Write a review
Show all Most Helpful Highest Rating Lowest Rating
  1. Prashant Mukhopadhyay

    could have had a better reason to pick react/vue/angular for the remote apps (specific use cases) giving additional weight to the architecture’s flexibility

    Helpful(0) Unhelpful(0)You have already voted this
  2. Rajkumar Muthuramalingam

    A must take course to understand the micro-frontends with React and Vue. The author increases the font size where ever necessary which allowed me to take the couser on my 6 inch mobile phone. Also I was able to write the code along with the author and see micro-frontends work for myself.

    Helpful(0) Unhelpful(0)You have already voted this
  3. Alexander Grass

    As always with courses by stephen: it was a great experience and I learned a ton of new stuff.

    However, in this course he is skipping over some details I would have loved to hear. As an example, he did not talk about any techniques that would enable a developer team to help them enforce consistent styling across the app. It have been also great to have more in depth discussions about the tools used. As an example, I am still not fully aware of the history object, although I think it is very critical to understand it to not run into any problems.

    Nevertheless, I would take the course again and I recommend it to anyone that wants to learn a pretty solid way of how microfrontends can be build.

    Helpful(0) Unhelpful(0)You have already voted this
  4. Liz Townsend

    This was fantastic – so detailed. I do have questions about transitioning to React-Router-Dom v6 though, as to how to refactor it since v6 removed the history api from the package and we now use only navigate. But still, very informative and helpful! Can’t wait to go make ALL THE MICROFRONTENDS!!!

    Helpful(0) Unhelpful(0)You have already voted this
  5. Ty Smith

    Fantastic course. It goes in depth on all the things that matter, and avoided getting into the weeds with ancillary details. I knew nothing about MFEs beyond high level concepts, and now I feel totally empowered to implement MFEs in my organization!

    Helpful(0) Unhelpful(0)You have already voted this
  6. Ransome Coleman

    Great introduction to the concept. I wouldn’t liked to see a little more about the integration technique and the dashboard/auth piece felt a little rushed at the end, but overall covered a lot of great ground. The method of outlining objectives was very useful and I started using it more with speccing for other projects. Some packages were a bit out of date despite best efforts to keep them uniform, but thankfully the author and community have done a great job keeping the Q&A and Notes up to date so that any hurdle did not become a blocker. A+ course

    Helpful(0) Unhelpful(0)You have already voted this
  7. J Amomas

    Really detailed explanations as expected from Stephen, I wish in the future the author would add videos for how to make CRA work in a micro frontend use case.

    Helpful(0) Unhelpful(0)You have already voted this
  8. Gastón Maximiliano Grecco

    El curso está muy bien explicado. Solo creo que necesita actualizar ciertas cosas, como el react-router-dom o las actualizaciiones pertinentes en React 18, pero eso quizas no sea tan importante. Por el momento está muy bueno

    Helpful(0) Unhelpful(0)You have already voted this
  9. Marcelo Soto Vidal

    I really liked this course, the teacher explains very well and the projects are great, I learned a lot.

    Helpful(0) Unhelpful(0)You have already voted this
  10. Nguyen Son Minh

    man, you should talk about the gotcha thingy since beginning, I didn’t know about the id and component name bug and spent like an hour to debug lol

    Helpful(0) Unhelpful(0)You have already voted this
  11. Javier Vázquez

    The first part of the course is what i was expecting (how to use webpack-federation) the addition of how to deploy is an extra value that is very appreciated!!

    Helpful(0) Unhelpful(0)You have already voted this
  12. Alex Jones

    Excellent. Clear explanations for both general concepts and the smaller details that will help anyone apply the content learned in this tutorial to their own personal projects.

    Helpful(0) Unhelpful(0)You have already voted this

    Add a review

    Your email address will not be published.

    Microfrontends with React: A Complete Developer’s Guide
    Microfrontends with React: A Complete Developer’s Guide

    $14.99

    Coletividad
    Logo
    Compare items
    • Total (0)
    Compare
    0
    Shopping cart