|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-by-example-reactjs/
课程评论：没有评论
课程名称：通过实例学习：ReactJS 课程概述：本课程使用 React 15.3.2 版本，旨在通过实例学习 ReactJS。React JS 对网页用户界面进行了重新构想，将复杂的 UI 拆分为可重用的组件。课程内容涵盖从基础构件到动画和使用 React 附加功能进行路由的多种示例。 React 是一个专注于构建紧凑、稳健、可维护且能够响应用户与服务器更新的网页用户界面的库，而非框架。通过将复杂的用户界面拆分为自给自足的可重用组件，每个组件都能够独立处理自己的状态和行为。这些组件形成树状层级，构建出复杂的组件，适应多变的需求。 课程将通过具体实例进行教学。每个示例都是自给自足的，附有源代码，并传达特定的 React 用例。每个示例简单明了，但这些示例共同构成了构建复杂用例的基础块。 课程内容包括： - 使用 React 安装和设置基本开发网页服务器 - 使用 JSX 进行 HTML 规范及 Babel 编译 - React 基础知识：节点、片段和组件，使用虚拟 DOM 的性能优化，JSX 转换的 Babel 编译，将数据通过状态和属性传递给组件，扩展运算符，合成事件 - React 深入分析：组件生命周期，组件的挂载、更新和卸载阶段，mixins，使用 ES6 类指定 React 组件，受控组件，表单和验证，访问原生 DOM 元素，React 上下文，DOM 协调 - React 在生产环境中的应用：使用 npm、Webpack、Babel 6 和 JSX 构建生产环境中的 React 代码，实现过渡组和 CSS 过渡组的动画，单页应用程序和路由功能 本课程适合希望通过实践来学习 ReactJS 的开发者，无论是初学者还是有基础的开发者均可参与。
NOTE: This course uses React 15.3.2 React JS re-imagines the web user interface by breaking complex UI down into granular, reusable components. Learn ReactJS by example: from basic building blocks to animations and routing using React add-ons Let's parse that. Re-imagines the web user interface: React is not a framework, it is a library focused on building web UI which is compact, robust, maintainable and reactive to user and server updates. Breaking complex UI down into granular, reusable components: Each component in React is self-sufficient and knows how to handle its own state and behavior. Components come together in the form of a tree hierarchy to build complex components with many moving parts In this course, we will learn by example. Each example is self-contained, has its source code attached, and gets across a specific React use-case. Each example is simple by itself, but they come together as building blocks to build complex use cases. What's included in this course: Installing and setting up a basic development web server with React, JSX for HTML specification and the Babel compiler React basics: React nodes, fragments and components, performance optimizations using the virtual DOM, the Babel compiler for JSX transformation, passing data to components using state and props, the spread operator, synthetic events React in-depth: The React component lifecycle, the component mounting, updating and unmounting phases, mixins, ES6 classes to specify React components, controlled components, forms and validation, accessing native DOM elements, the React context, DOM reconciliation React in production environments: npm, Webpack, Babel 6 and JSX to build React code in a production environment, animations using transition groups and CSS transition groups, single page applications and routing
