|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/reactjs-beyond-the-basics/
课程评论：没有评论
React 精通实战课程：上手编码组件 本课程是一次性投资，包含所有未来更新。我们将带领您从 React 新手进阶到中级（通过练习可达高级或专家级别）。课程将涵盖基础知识，并深入实用应用和炫酷技巧。 **课程亮点：** * **从零开始构建可复用组件：** 学习构建一个强大的 DataTable 组件，实现拖放功能（无需第三方库），创建基于 JSON 的动态表单，以及更多！ * **深入理解组件设计：** 掌握 React 组件设计的核心原则，并学会如何将这些方法应用于构建任何您想要的 UI 组件。 * **实用技能：** * React 基础 * 组件深度解析 * Hooks * 理解虚拟 DOM 和 diffing * Context API * 使用 JSON 构建动态表单 * 通过 props 定制组件 * 无需第三方库实现拖放功能 * 数据绑定至表格布局 * 列搜索功能 * 分页（含自定义视图） * 拖放重排表格列 * 原地编辑 * 自定义单元格渲染 * 将动态表单集成到 DataTable * React 常用模式 * 状态管理 * 服务器端渲染 (SSR) 等 **课程主要内容：** * **第一部分：React 基础** * 入门、JSX 深入、组件化设计、Fragment、函数组件、有状态组件、事件处理、条件渲染、状态管理、生命周期、错误处理。 * **第二部分：React 高级** * PropTypes 类型检查、Refs 和 DOM、非受控组件、高阶组件 (HOC)、Render Props、性能优化、Context API、Portals、与其他 JavaScript 集成。 * **第三部分：构建简单的 CRUD 应用** * **第四部分：新的 React 特性** * **第五部分：Context API 演示** * **第六部分：构建简单的 Modal 组件** * **第七部分：构建 Tagging 组件** * **第八部分：构建 Calendar 组件** * **第九部分：构建 DataTable 组件** * **第十部分：React Drag and Drop 教程** **课程理念：** 我们将尽量减少第三方库/框架的使用，仅在绝对必要时才引入。课程中开发的组件设计尽可能简洁，以便新手理解。在生产环境中应用时，请进行充分测试和调整。 “人人都能编程！” 享受编程的乐趣！
Treat this offer as a "One Time Investment" to all future updates.This course will take you from React Novice to React intermediate (advanced, or Expert level, with practice). We will covering some fundamentals in the beginning but move on to applications and the cool stuff.In this course we will also code a reusable DataTable component from scratch, implement drag and drop without using any third-party library, create JSON based dynamic forms and much more. You will learn many fundamental aspects of React Component design and also learn how to take this approach to build any UI component that you wish. Once you successfully complete the course you will have learned how to build a pretty advanced React component that contains the following features.[ x ] React fundamentals[ x ] Component in depth[ x ] Hooks[ x ] Understanding Virtual DOM and diffing[ x ] Context API[ x ] Learn to build dynamic form component using JSON.[ x ] Customizing components using props[ x ] Learn to add drag and drop feature without using third party library.[ x ] Bind data to a table layout[ x ] Searching on any columns[ x ] Pagination, with custom pagination view[ x ] Drag and reorder table columns[ x ] In-place editing[ x ] Custom cell renderer[ x ] Attach the dynamic form to the DataTable.[ x ] React Common Patterns[ x ] State Management [ x ] Server Side Rendering(SSR) and morePlanned overall agenda for the course:Section 1 - Fundamentals of ReactIntroductionFundamentals of ReactJSX in depthComponent based designFragmentFunctional ComponentStateful ComponentEvent HandlingConditionalState ManagementLife CycleError HandlingSection 2 - Advanced ReactType checking with PropTypesRefs and the DOMUncontrolled ComponentsHigher Order Components (HOC)Render PropsPerformance OptimizationContext APIPortalsIntegrating with other JavaScriptSection 3 - Building a simple CRUD app with ReactSection 4 - New React FeaturesSection 5 - Context API DemoSection 6 - Building a simple Modal ComponentSection 7 - Building a Tagging ComponentSection 8 - Building a Calendar ComponentSection 9 - Building a DataTable ComponentSection 10 - React Drag and Drop TutorialWe will minimize the use of third party libraries/frameworks and will only include them when absolutely required.NOTE: Most of the components developed in this training, is kept simple so that even a beginner could understand. To make it work in production scenarios, this has to be thoroughly tested and adapted as needed. Enjoy Programming!!(Everyone can code!)
