|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-react-micro-frontends-from-scratch-using-webpack/
课程评论：没有评论
课程名称：从零开始学习使用 Webpack 的 React 微前端 课程概述：发现微前端的力量：使用 Webpack 构建可扩展的 React 应用程序。在本课程中，您将开始一段激动人心的旅程，掌握微前端，这是一种颠覆了现代 Web 应用程序构建方式的前沿方法。通过使用 React 和 Webpack，您将学习如何创建可扩展、可维护且高效的前端架构。 课程内容：我们将首先揭开 create-react-app 工具的神秘面纱，探索 Webpack 的内部工作原理，帮助您为微前端之旅奠定基础。随后，我们将深入研究 Webpack 的基础知识，教授您如何从零开始创建 React 应用，了解 webpack.config.js 中的关键概念，如热加载、Webpack Dev Server 以及自定义入口和输出点。 在掌握 Webpack 和 React 的基础上，我们将介绍微前端的概念。您将学习如何使用单体架构构建项目，然后过渡到微前端的方法。通过实际操作，您将理解这两种架构之间的差异以及微前端的优势。 课程的核心集中在微前端的概念，如主机、远程组件、暴露以及如何使用 Webpack 模块联邦导出和导入模块。您将学习将应用程序分解为更小、独立的组件，这些组件可以单独开发、测试和部署。 为了巩固您的理解，我们将指导您使用单体和微前端架构构建相同的项目。这种对比方法将帮助您欣赏微前端的优点，并在设计自己的应用时做出明智的选择。 最后，我们将探讨微前端应用程序的部署策略，确保您具备构建和部署可扩展、高性能解决方案的知识。 课程结束时，您将全面了解微前端的概念，能够使用 React 和 Webpack 创建模块化、可维护和高效的前端应用程序。解锁微前端的力量，提升您的前端开发技能。
Discover the Power of Micro Frontends: Build Scalable React Apps with WebpackIn this course, you'll embark on an exciting journey to master micro frontends, a cutting-edge approach that revolutionizes the way we build modern web applications. Using React and Webpack, you'll learn how to create scalable, maintainable, and efficient frontend architecturesWe'll start by demystifying the create-react-app tool and exploring the inner workings of Webpack. You'll gain a deep understanding of how Webpack operates behind the scenes of create-react-app, setting the foundation for your micro frontend journey.Next, we'll dive into the fundamentals of Webpack, teaching you how to create a React app from scratch. You'll learn about the essential concepts in webpack.config.js, such as hot reloading, Webpack Dev Server, and customizing entry and output points.With a solid grasp of Webpack and React, we'll introduce the concept of micro frontends. You'll learn how to build a project using a monolithic architecture and then transition to the micro frontend approach. This hands-on experience will help you understand the differences between the two architectures and the benefits of micro frontends.The core of the course focuses on micro frontend concepts like hosts, remotes, exposes, and how to export and import modules using Webpack Module Federation. You'll learn to break down your application into smaller, independent components that can be developed, tested, and deployed separately.To solidify your understanding, we'll guide you through building the same project using both monolithic and micro frontend architectures. This comparative approach will help you appreciate the advantages of micro frontends and make informed decisions when designing your own applications.Finally, we'll explore deployment strategies for micro frontend applications, ensuring that you're equipped with the knowledge to build and deploy scalable, high-performing solutions.By the end of this course, you'll have a comprehensive understanding of micro frontends and the ability to create modular, maintainable, and efficient frontend applications using React and Webpack. Unlock the power of micro frontends and take your frontend development skills to new heights.
