Part 4：全栈 or 全烂 ？ Node.js 相关工具 前端开发4阶段 Hybrid 开发 跨平台 1）c/s 架构到 b/s 架构 2）移动端：加壳 3）PC端：继续加壳 4） 组件化：统一用法 5）当下流行玩法 6）总结 如何全栈？ 我的全栈之路 1）从后端转 2）从前端转 3）从移动端转 Part 4：全栈 ...

定义Metas 使用Loadings 在Hooks中使用 定义Metas Metas是Meta的集合。假设一个Request Action需要同时执行多次，并且业务上需要根据传入Action的参数获取不同的meta信息。如果我们仍然用Meta存储，因为请求是异步的，meta的数据也会覆盖，最终导致数据出错。 此时，我们可以使用payload 解...

课后练习 作者：胡子大哈 原文链接： http://huziketang.com/books/react/lesson17 转载请注明出处，保留原文链接和作者信息。 上一个评论功能的案例中，可能会有些同学会对一个地方感到疑惑： CommentList 中显示的评论列表数据为什么要通过父组件 CommentApp 用 props 传进...

页面开发 配置高阶组件 页面保持 开启方式 页面显示/隐藏事件 页面容器PageContent 页面开发 指的是路由对应的页面组件。业务开发接触最多的就是页面，通过一些封装，简化开发。 配置高阶组件 将组件所需要的一些功能，通过配置装饰器的方式实现，用法如下： import React , { Component } f...

作者：胡子大哈 原文链接： http://huziketang.com/books/react/lesson1 转载请注明出处，保留原文链接和作者信息。 React.js 是一个帮助你构建页面 UI 的库。如果你熟悉 MVC 概念的话，那么 React 的组件就相当于 MVC 里面的 View。如果你不熟悉也没关系，你可以简单地理解为，Re...

安装YApi 技术栈说明 启动开发环境服务器 启动生产环境服务器 安装YApi 1.创建工程目录 mkdir yapi && cd yapi git clone https : //github.com/YMFE/yapi.git vendors --depth=1 # 或者下载 zip 包解压到 vendors 目录 2.修改...

问答 这个产品可以用于生产环境吗？ 体积多大？ 这个像 create-react-app ? 怎么解决 CSS 嵌入 JS 问题? 哪些语法会被转换？怎么转换它们？ 为什么使用新路由? 我怎么定义自定义路由? 怎么获取数据? 我可以使用 GraphQL 吗? 我可以使用 Redux 吗? 我可以在 Next 应用中使用我喜欢的 Javas...

React 状态管理与进阶 状态提取 练习： 再探：setState() 练习： 驾驭 State 练习： React 状态管理与进阶 在前面的章节中，你已经学习了 React 中状态管理的基础知识，本章将会深入这个话题。你将学习到状态管理的最佳实践，如何去应用它们以及为什么可以考虑使用第三方的状态管理库。 状态提取 在你的应用中，...

ImmutableJS 入門教學 前言 ImmutableJS 特性介紹 ImmutableJS 的特性整理 React 效能優化 總結 延伸閱讀 ImmutableJS 入門教學 前言 一般來說在 JavaScript 中有兩種資料類型：Primitive（String、Number、Boolean、null、undefinde...

State 范式化 设计范式化的 State 组织 State 中的范式化数据 表间关系 嵌套数据范式化 State 范式化 事实上，大部分程序处理的数据都是嵌套或互相关联的。例如，一个博客中有多篇文章，每篇文章有多条评论，所有的文章和评论又都是由用户产生的。这种类型应用的数据看上去可能是这样的： const blogPosts = ...