|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/building-interactive-user-interfaces-using-react-library
课程评论：没有评论
课程名称：使用 React 库构建交互式用户界面 课程概述：前端应用程序需要具备吸引人的、响应迅速的用户界面以及流畅的用户体验，单页面应用（SPA）正好满足这些期望，因为它们更轻便高效。React 是一个流行的 JavaScript 库，用于开发复杂的单页面应用用户界面。Facebook、Instagram、Netflix 和 Airbnb 等知名网站均使用 React。 在本课程中，您将学习如何通过开发可重用和可测试的 React 类组件来构建一个 SPA。该库帮助您探索增强 Web 应用性能的 React 特性，允许进行部分页面更新。 课程大纲： 第一部分：入门 React 基础 学习 React 元素，这是构建 React SPA 的基本构件。您将学习如何使用 React 元素创建无状态的函数组件，掌握条件渲染和组件渲染的技巧，并在现有网站中添加 React。 第二部分：使用 React 构建有状态组件 交互式 React 网页需要有状态的组件来管理自身状态，并可通过 props 将状态传递给子组件。您将创建有状态组件以接受用户输入、添加交互元素并在渲染前获取数据。 第三部分：将 UI 拆分为组件层次结构 采用基于组件的方法构建的单页面应用具有良好的可扩展性。在开发 SPA 时，首先要识别组件并建立组件的层次结构。您将学习如何识别和创建可重用组件，并掌握在多个组件之间共享数据的原则。 第四部分：使用生命周期方法管理应用状态 状态管理是一项复杂的任务，需要清晰理解组件的生命周期。前端开发人员需要掌握 React 组件的生命周期方法，以便在组件不同阶段高效地管理状态。 第五部分：使用 Jest 测试 React 类组件 测试是开发过程中不可或缺的环节，能够帮助早期识别缺陷/错误。单元测试涉及对软件程序或应用的各个独立组件进行测试，作为 React 开发人员，您的组件应得到充分测试，以确保正确性、完整性和性能。
Part: 1
Title:Get Started with React Fundamentals
Description:React element is the fundamental building block used for developing React SPAs. As a developer, you will be expected to create the stateless functional components of React using the React elements. In this learning sprint, you will explore the techniques used to render React elements conditionally, along with the techniques used to render multiple components. Hands-on practice provided during this learning sprint will enable you to add React to the existing websites and create functional components using the React elements.
Part: 2
Title:Build Stateful Components using React
Description:Interactive React web pages require stateful components to manage their own state which can be even pass down to its child components using props. As a developer, you will be required to create stateful components to accept user inputs, to add elements which are interactive and fetch data before rendering.
Part: 3
Title:Break the UI into a Component Hierarchy
Description:Single Page Applications created on component-based-approach scales well as the components can be reused. While developing an SPA, the first step is to identify components and build its hierarchy. As a front-end developer, you will be required to identify and create reusable components for the React web application. In this learning sprint, you will explore the principles required to break down a user interface into a component hierarchy. You will also learn how to share data between multiple components. Hands-on practice will help you to acquire skills to create React projects quickly using the create-react-app tool which offers a modern build setup with no configuration.
Part: 4
Title:Manage Application State using Life Cycle Methods
Description:State management is a complex process that requires clear understanding of a component’s life cycle. To efficiently manage state at various phases in the life of component, a front-end developer is expected to have skills to work effortlessly with the life cycle methods of the React component.
Part: 5
Title:Test React Class Components using Jest
Description:Testing is an integral process of development as it helps in identifying defects/bugs during the early stages of development. Unit testing involves testing of individual components of the software program or application. As a React developer, the components should be adequately tested for correctness, completeness and performance.
A frontend application is expected to have an attractive, responsive UI and a seamless UX with swift navigable views. Single Page Applications (SPAs) fulfill these expectations as they are lighter and efficient. React, a popular JavaScript library is used for developing complex user interfaces for single page applications (SPAs). Facebook, Instagram, Netflix, Airbnb etc., are some of the famous websites that use React. In this course, you will learn to construct an SPA by developing reusable and testable React Class components. The library helps you explore React features that enhance the performance of web applications by enabling partial page updates.
