Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
从JavaScript到React深度探索
9 students

从JavaScript到React深度探索

从基础到实战的全方位提升,深入学习扁平化数组、购物车管理、以及React中的设计模式,让你成为前端开发领域的专家
Created byVane Ocean
Last updated 12/2024
Chinese (Simplified)

What you'll learn

  • 使用 flat 和 flatMap 方法高效处理嵌套数组。
  • 掌握数组扁平化的最佳实践和应用场景。
  • 学习如何利用数组方法(如 map, filter, reduce)实现购物车商品的添加、删除和更新。
  • 实现购物车状态管理的高级技巧,包括性能优化策略。
  • 应用函数式编程原则改进代码质量。学习如何使用高阶函数来编写更简洁、可读性更高的代码。
  • 理解并应用React中的常见设计模式,如高阶组件(HOC)、渲染属性、上下文API等。掌握如何使用这些模式来优化组件结构和提升代码复用性。
  • 深入理解与应用React自定义钩子
  • 掌握自定义钩子与复合组件模式的结合应用
  • 对React的Slot插槽模式的深入理解
  • 完美封装React的ProductCart组件,完整掌握可扩展性自由性的组件
  • React插件的封装与npm的发布

Course content

7 sections186 lectures24h 31m total length
  • 概述与背景2:41
  • 使用 Array 实现购物车 - 初始化与列表2:57
  • 使用 Array 实现购物车 - 添加与修改4:29
  • 使用 Array 实现购物车 - 删除与查看4:13
  • 使用 Map 实现购物车 - 初始化与列表3:46
  • 使用 Map 实现购物车 - 添加与修改4:31
  • 使用 Map 实现购物车 - 删除与查看3:26
  • 效率与性能比较7:13
  • 实战演练与总结18:54
  • Q&A4:19

Requirements

  • 基础 JavaScript 知识
  • 具有React一定的基础
  • 良好的设计模式理念

Description

本课程旨在帮助前端开发者深入了解JavaScript和React的核心技术和高级功能。通过一系列精心设计的课程,您将学习如何高效处理数组、管理复杂的购物车逻辑以及应用React设计模式来构建可扩展和易于维护的应用程序。

课程目标:

  • 理解并熟练使用 flat 和 flatMap 方法进行数组操作。

  • 学习并实践购物车管理的最佳实践,包括商品添加、更新和删除等场景。

  • 掌握React设计模式,如高阶组件、渲染属性和上下文API等。

  • 提升解决实际问题的能力,学会如何构建高效、可维护的Web应用。

适合人群:

  • 已具备基本JavaScript知识的前端开发者。

  • 希望深入学习React高级特性的前端工程师。

  • 对前端技术充满热情并渴望成为技术专家的学习者。

Who this course is for:

  • 前端开发者
  • 中级前端工程师
  • React开发人员