搜索

[24802] 2016-03-22_2016JavaScript技术栈展望

文档创建者：s7ckTeam
浏览次数：0
最后更新：2025-01-18
2016-03-22_2016JavaScript技术栈展望 2 0 1 6   J a v a S c r i p t   技 术 栈 展 望 译 者 ： @ p i n g 4 g o d   L i n u x 中 国   2 0 1 6 - 0 3 - 2 2 编 译 自 ： h t t p s : / / m e d i u m . c o m / j a v a s c r i p t - a n d - o p i n i o n s / s t a t e - o f - t h e - a r t - j a v a s c r i p t - i n - 2 0 1 6 - a b 6 7 f c 6 8 e b 0 b # . 7 l 1 0 0 b 2 a h   作 者 ：   F r a n c o i s   W a r d 转 载 自 ：   h t t p : / / p i n g g o d . c o m / 2 0 1 6 / 2 0 1 6 - J a v a S c r i p t - % E 6 % 8 A % 8 0 % E 6 % 9 C % A F % E 6 % A 0 % 8 8 % E 5 % B 1 % 9 5 % E 6 % 9 C % 9 B /   译 者 ：   @ p i n g 4 g o d 如 果 你 正 在 筹 划 新 的 前 端 项 目 或 者 重 构 现 有 项 目 ， 那 么 你 需 要 认 识 到 现 在 的 前 端 开 发 环 境 已 经 今 非 昔 比 ， 这 其 中 有 太 多 的 选 择 了 ： R e a c t 、 F l u x 、 A n g u l a r 、 A u r e l i a 、 M o c h a 、 J a s m i n e 、 B a b e l 、 T y p e S c r i p t 、 F l o w … …   它 们 的 本 意 是 将 开 发 简 单 化 ， 却 无 形 中 提 高 了 学 习 成 本 ， 也 给 未 来 项 目 的 维 护 带 来 了 不 确 定 性 。 好 在 这 一 现 象 正 在 退 热 ， 优 胜 劣 汰 ， 优 秀 的 项 目 慢 慢 沉 淀 下 来 ， 开 发 方 式 也 越 来 越 清 晰 。 有 些 开 发 者 正 在 尝 试 使 用 基 于 上 述 技 术 的 框 架 进 行 开 发 ， 也 在 一 定 程 度 上 减 少 了 学 习 成 本 。 本 文 中 主 要 介 绍 了 一 些 我 在   w e b   应 用 开 发 中 所 涉 及 和 推 崇 的 技 术 ， 其 中 有 一 些 技 术 上 存 在 争 议 ， 所 以 我 对 于 每 一 技 术 都 只 做 简 单 的 介 绍 和 分 析 。 所 有 的 这 些 观 点 都 是 基 于 我 个 人 的 经 验 和 对 社 区 的 接 触 总 结 而 来 的 ， 所 以 各 位 还 请 按 需 各 取 所 用 。 R e a c t R e a c t   可 谓 风 头 正 盛 一 时 无 两 ： 组 件 化 使 应 用 程 序 更 易 于 开 发 和 维 护 学 习 曲 线 平 缓 ， 核 心   A P I   简 洁 清 晰 ， 易 于 学 习 J S X   语 法 不 落 俗 套 ， 充 分 发 挥 了   J a v a S c r i p t   的 能 量 天 生 适 配   F l u x   和   R e d u x 社 区 活 跃 且 具 有 创 造 力 ， 奉 献 了 诸 多 优 秀 的 开 发 工 具 单 向 数 据 流 比 双 向 数 据 绑 定 的 方 式 更 适 合 复 杂 应 用 程 序 ， 质 量 更 高 支 持 服 务 端 渲 染 虽 然 比 起   E m b e r 、 A u r e l i a   和   A n g u l a r   这 些 功 能 丰 富 的 框 架 ， R e a c t   不 是 全 能 手 ， 但   R e a c t   的 开 发 环 境 更 加 健 壮 。 就 目 前 而 言 ， 使 用   R e a c t   已 经
不 是 一 个 技 术 选 择 ， 而 是 一 个 商 业 行 为 ， 它 能 提 供 更 高 效 和 更 有 效 的 生 产 力 。 当 你 想 开 发 移 动 应 用 时 ， 因 为 已 经 学 习 了   R e a c t   语 法 ， 所 以 可 以 直 接 上 手   R e a c t   N a t i v e   开 发 跨 平 台 应 用 。 R e d u x 现 在 ， 我 们 已 经 具 有 了 开 发 视 图 层 的 能 力 ， 接 下 来 ， 我 们 需 要 使 用 其 他 工 具 管 理 应 用 程 序 中 的 状 态 和 生 命 周 期 ， 在 这 里 推 荐 的 工 具 就 是 ： R e d u x 。 为 了 配 合   R e a c t ， F a c e b o o k   开 发 了 管 理 单 向 数 据 流 的 工 具   F l u x ， 虽 然   F l u x   基 本 上 实 现 了 对 单 项 数 据 流 的 支 持 ， 但 是 同 时 也 带 了 其 他 问 题 ， 比 如 如 何 保 存 状 态 、 何 处 发 起   A j a x   请 求 等 等 。 为 了 解 决 这 些 问 题 ， 又 衍 生 了 一 系 列 效 仿   F l u x   模 式 的 框 架 ： F l u x i b l e 、 R e f l u x 、 A l t 、 F l u m m o x 、 L u x 、 N u c l e a r 、 F l u x x o r … … 目 前 来 说 被 开 发 社 区 广 泛 支 持 的 一 个 实 现 就 是   R e d u x 。 在   R e d u x   中 ， 大 多 数 的 组 件 都 是 纯 函 数 式 的 组 件 ， 也 只 有 一 个 集 中 的 存 储 和 资 源 中 心 。 R e d u x   的 实 例 方 法 负 责 整 个 数 据 的 操 作 和 维 护 。 相 比 F l u x   来 说 ， R e d u x   的 思 路 更 加 清 晰 。 更 重 要 的 是 ， R e d u x   非 常 易 于 学 习 。 R e d u x   的 作 者   D a n   A b r a m o v   是 一 个 优 秀 的 教 师 ， 他 制 作 了 一 系 列 深 入 浅 出 的   R e d u x   视 频 教 程 。 通 过 观 看 这 些 视 频 ， 即 可 成 为 一 个   R e d u x   方 面 的 专 家 。 我 曾 经 见 识 到 一 个 零 基 础 的   R e a c t   团 队 在 短 短 几 周 内 迅 速 开 发 出 了 测 试 版 产 品 ， 且 代 码 非 常 稳 健 和 老 练 。 R e d u x   周 边 的 生 态 系 统 和   R e d u x   本 身 一 样 健 壮 。 从 神 奇 的   d e v t o o l [ 1 ]   到 强 大 的 记 忆 化 工 具   r e s e l e c t [ 2 ] ， R e d u x   开 发 社 区 为 开 发 者 提 供 了 应 有 尽 有 的 工 具 。 开 发 者 可 能 会 本 能 地 去 尝 试 抽 象 出 一 个   R e d u x   模 板 ， 这 么 做 有 诸 多 好 处 ， 但 请 在 认 清 需 求 的 基 础 上 来 封 装 模 板 ， 而 不 要 盲 目 的 去 尝 试 。 E S 6   和 和   B a b e l 是 时 候 抛 弃   C o f f e e S c r i p t   了 ， 这 是 因 为 它 的 诸 多 特 性 已 在   E S 6   中 出 现 类 似 的 语 法 ， 而   E S 6   是 实 施 标 准 ， 代 表 了   J a v a S c r i p t   未 来 的 发 展 方 向 。 目 前 最 新 的 浏 览 器 已 经 支 持 了   E S 6   的 大 部 分 特 性 。 B a b e l   是 一 个 强 大 的 转 换 工 具 ， 用 于 将   E S 6   转 换 为   E S 5 。 此 外 ， 根 据 目 标 浏 览 器 可 以 调 整 代 码 转 换 的 程 度 。 那 么 是 否 有 类 型 系 统 呢 ？ T y p e S c r i p t   和   F l o w   都 为   J a v a S c r i p t   提 供 了 静 态 类 型 系 统 ， 使 用 静 态 类 型 检 查 ， 可 以 有 效 捕 获 错 误 ， 减 少 测 试 量 。 目 前 来 说 ， 我 建 议 对 此 持 观 望 态 度 。 T y p e S c r i p t   在 尽 力 让   J a v a S c r i p t   向   C #   或   J a v a   的 方 向 发 展 ， 但 缺 少 了 许 多 高 级 的 类 型 系 统 特 性 ， 比 如 代 数 数 据 类 型 （ a l g e b r a i c   d a t a   t y p e s ） 。 此 外 ， 它 不 能 像   F l o w   一 样 有 效 地 处 理   n u l l 。 相 比 而 言 ， F l o w   更 加 强 大 ， 捕 获 的 错 误 类 型 也 更 多 ， 但 难 于 配 置 。 此 外 ， 它 对   J a v a S c r i p t   新 特 性 的 支 持 弱 于   B a b e l ， 也 不 支 持   W i n d o w s   系 统 。 就 我 个 人 的 角 度 而 言 ， 在 前 端 开 发 中 类 型 系 统 并 不 是 至 关 重 要 的 一 环 （ 此 处 可 能 有 争 议 ） 。 在 类 型 系 统 更 加 健 壮 且 对   B a b e l   更 友 好 之 前 ， 还 是 让 我 们 静 观 其 变 吧 。 E S L i n t
另 一 个 无 可 争 议 的 工 具 是   E S L i n t 。 E S L i n t   支 持   E S 6   语 法 ， 还 提 供 了   R e a c t   插 件 ， 已 经 不 单 单 是 一 个 代 码 审 查 工 具 了 。 目 前 来 说 ， J S L i n t   已 经 过 时 了 ， E S L i n t   可 以 替 代   J S H i n t   和   J S C S   独 树 一 帜 了 。 开 发 者 可 以 根 据 自 己 的 需 求 配 置   E S L i n t ， 不 过 在 这 里 我 建 议 根 据   A i r B N B   的 开 发 规 范 [ 3 ] 进 行 配 置 ， 也 可 以 直 接 使 用   E S L i n t   a i r b n b   c o n f i g [ 4 ] 。 当 然 这 份 规 范 中 尚 有 不 足 之 处 ， 但 保 持 团 队 整 体 代 码 的 一 致 性 ， 可 以 有 效 提 高 代 码 的 可 读 性 。 当 你 熟 悉 了   E S L i n t   之 后 ， 建 议 开 发 者 深 入 地 尝 试 其 中 的 规 则 。 E S L i n t   捕 获 的 错 误 越 多 ， 产 品 的 稳 定 性 越 高 。 N P M ， ， C o m m o n J S   和 和   E S 6   m o d u l e s 忘 记   B o w e r   吧 ， 用   N P M   接 管 一 切 。 类 似   B r o w s e r i f y   和   W e b p a c k   的 构 建 工 具 间 接 提 高 了   N P M   在   w e b   开 发 中 的 地 位 。 使 用   N P M ， 版 本 管 理 将 会 更 加 简 单 ， 也 将 更 多 地 与   N o d e . j s   生 态 系 统 接 触 。 目 前 对 于   C S S   的 处 理 尚 不 足 够 完 善 。 你 可 能 会 考 虑 如 何 在 部 署 服 务 器 上 执 行 构 建 呢 ？ 与   R u b y   的   B u n d l e r   有 所 不 同 ， N P M   使 用 了 通 配 符 检 索 文 件 ， 且 第 三 方 包 可 以 在 代 码 开 发 中 以 及 项 目 发 布 前 做 任 意 修 改 。 使 用   s h r i n k w r a p [ 5 ]   文 件 可 以 冻 结 项 目 中 的 第 三 方 依 赖 ， 我 建 议 使 用   U s e r   的   s h r i n k w r a p ， 提 高 输 出 的 一 致 性 。 此 外 ， 开 发 者 也 可 以 考 虑 使 用 类 似 S i n o p i a [ 6 ]   的 工 具 托 管 自 己 的 私 有   N P M   服 务 器 。 B a b e l   会 将   E S 6   m o d u l e   语 法 转 换 为   C o m m o n J S 。 C o m m o n J S   是 一 种 历 经 实 践 的 语 法 ， 这 意 味 着 稳 定 和 通 用 ， 此 外 ， 使 用 类 似   t r e e   s h a k i n g [ 7 ]   （ W e b p a c k   2 . 0   和   R o l l u p   已 经 支 持 该 特 性 ） 的 机 制 我 们 还 能 实 现 静 态 代 码 分 析 。 W e b p a c k 除 非 你 乐 意 在 页 面 添 加 数 百 个 脚 本 标 签 ， 否 则 的 话 你 应 该 尝 试 用 构 建 工 具 来 打 包 页 面 的 资 源 了 。 此 外 ， 你 还 需 要 某 些 工 具 让 浏 览 器 支 持 N P M   第 三 方 包 。 在 这 里 ， 我 推 荐 你 使 用   W e b p a c k 。 一 年 之 前 对 于 上 述 工 作 ， 开 发 者 还 有 诸 多 工 具 可 以 选 择 ， 比 如 基 于   J a v a S c r i p t   的   R e q u i r e J S 、 B r o w s e r i f y   和   W e b p a c k   解 决 方 案 ， 此 外 还 有 号 称 能 对   E S 6   的 模 块 进 行 最 佳 优 化 的   R o l l u p J S . 在 尝 试 了 所 有 的 工 具 之 后 ， 我 强 烈 建 议 开 发 者 选 择   W e b p a c k : 通 过 配 置 可 以 应 对 各 种 情 况 支 持 主 流 的 模 块 加 载 方 式 （ A M D ， C o m m o n J S ， g l o b a l s ） 内 部 机 制 可 以 修 复 破 损 的 模 块 可 以 处 理   C S S 全 面 的 缓 存 系 统 支 持 热 重 载 可 以 加 载 大 多 数 的 资 源 提 供 高 效 的 性 能 优 化 方 案 [ 8 ] W e b p a c k   也 非 常 善 于 处 理 大 型 的 单 页 应 用 ， 支 持 代 码 分 割 和 惰 性 加 载 。 但 是 值 得 注 意 的 是 ， W e b p a c k   的 学 习 曲 线 异 常 陡 峭 。 不 过 一 旦 你 学 会 了 它 ， 那 么 你 就 掌 握 了 最 强 大 的 构 建 系 统 。 那 么   G u l p   和   G r u n t   呢 ？ 相 比 而 言 ， W e b p a c k   更 善 于 处 理 各 类 资 源 。 如 果 你 需 要 执 行 其 他 类 型 的 构 建 任 务 ， 那 么   G u l p   和   G r u n t   还 是 有 用 的 。 对 于 类 似 运 行   W e b p a c k   的 基 本 任 务 ， 我 建 议 直 接 使 用   N P M   脚 本 [ 9 ] 。 M o c h a   +   C h a i   +   S i n o n 在   J a v a S c r i p t   中 ， 有 大 量 可 选 的 单 元 测 试 工 具 ， 每 一 个 都 很 稳 定 和 健 壮 。 如 果 你 只 是 用 于 单 元 测 试 ， 那 么 现 有 工 具 完 全 可 以 胜 任 你 的 需 求 。 常 见 的 测 试 工 具 有   J a s m i n e 、 M o c h a 、 T a p e 、 A v a 、 J e s t   等 ， 它 们 各 有 所 长 。
我 对 一 个 测 试 框 架 的 要 求 有 如 下 几 条 ： 可 以 在 浏 览 器 运 行 ， 便 于 调 试 执 行 速 度 快 便 于 处 理 异 步 测 试 便 于 在 命 令 行 中 使 用 可 以 兼 容 任 意 断 言 和 数 据 模 拟 的 第 三 方 库 第 一 条 标 准 就 排 除 了   A v a   和   J e s t 。 我 喜 欢   C h a i   断 言 是 因 为 其 种 类 丰 富 、 功 能 齐 全 的 插 件 ， 喜 欢   M o c h a   是 因 为 其 对 异 步 的 良 好 支 持 。 强 烈 建 议 使 用   D i r t y   C h a i [ 1 0 ]   避 免 某 些 问 题 。 W e b p a c k   的   m o c h a - l e a d e r [ 1 1 ]   插 件 允 许 开 发 者 自 动 执 行 测 试 。 对 于   R e a c t   而 言 ， 开 发 者 可 以 参 考 一 下   A i r B N B   的   E n z y m e [ 1 2 ]   和   T e a s p o o n [ 1 3 ] 。 我 非 常 钟 爱   M o c h a   的 特 性 ， 如 果 你 想 要 的 只 是 最 基 础 的 功 能 ， 可 以 参 考 这 篇 文 章 [ 1 4 ] 了 解 一 下   T a p e 。 L o d a s h J a v a S c r i p t   并 没 有 一 个 类 似   J a v a   或   . N E T   的 核 心 工 具 库 ， 所 以 开 发 者 大 都 会 从 外 部 引 用 一 个 外 部 工 具 库 。 目 前 来 说 ， L o d a s h   是 此 类 工 具 中 的 佼 佼 者 。 此 外 ， 由 于 它 惰 性 执 行 [ 1 5 ] 的 特 性 ， 也 让 它 是 目 前 性 能 最 佳 的 工 具 之 一 。 使 用   L o d a s h   时 无 需 引 用 全 部 资 源 ， 开 发 者 可 以 按 需 使 用 其 中 的 函 数 。 在   4 . x   版 本 中 ， L o d a s h   为 偏 爱 函 数 式 编 程 的 开 发 者 提 供 了 一 个 “ 函 数 式 开 发 ” 模 式 。 如 果 你 熟 悉 函 数 式 编 程 ， 你 可 以 了 解 一 下   R a m d a [ 1 6 ] 。 如 果 你 决 定 使 用 这 个 库 ， 可 能 需 要 引 用 一 些   L o d a s h   函 数 。 f e t c h 许 多 基 于   R e a c t   的 应 用 程 序 都 不 再 使 用   j Q u e r y   了 。 除 非 你 正 在 维 护 一 个 陈 旧 的 项 目 或 者 用 到 的 第 三 方 库 依 赖 了   j Q u e r y ， 否 则 已 经 没 有 必 要 使 用 它 了 。 我 喜 欢 让 项 目 保 持 简 洁 ， 在 代 码 中 只 使 用   f e t c h [ 1 7 ]   。 f e t c h   基 于   p r o m i s e ， F i r e f o x   和   C h r o m e   都 封 装 了 该 接 口 。 对 于 其 他 浏 览 器 ， 则 需 要 提 供 一 个 腻 子 脚 本 。 我 建 议 使 用   i s o m o r p h i c - f e t c h [ 1 8 ]   在 各 个 浏 览 器 和 服 务 端 保 持 功 能 的 一 致 性 。 当 然 也 可 以 其 他 优 秀 的 第 三 方 库 异 步 获 取 数 据 ， 但 我 觉 得   f e t c h   已 经 够 用 了 。 同 构 同 构   J a v a S c r i p t 同 构   J a v a S c r i p t   是 指 同 时 运 行 在 客 户 端 和 服 务 端 的   J a v a S c r i p t ， 常 用 于 在 服 务 端 预 先 渲 染 页 面 ， 提 高 性 能 ， 便 于   S E O 。 使 用   R e a c t   可 以 实 现 同 构   J a v a S c r i p t ， 但 是 并 不 简 单 ， 它 提 高 了 程 序 的 复 杂 度 ， 限 制 了 开 发 者 可 选 的 工 具 和 第 三 方 库 。 如 果 你 正 在 构 建 一 个   B 2 C   的 站 点 ， 比 如 电 商 网 站 ， 那 么 你 可 能 就 需 要 使 用 同 构   J a v a S c r i p t 。 不 过 ， 对 于 内 部 站 点 或 者   B 2 B   程 序 ， 性 能 就 不 是 最 重 要 的 了 ， 则 同 构   J a v a S c r i p t   也 就 不 是 太 重 要 了 。 A P I 最 近 每 个 人 好 像 都 在 思 考 如 何 处 理   A P I 。 每 个 人 都 在 随 波 逐 流 的 使 用   R E S T f u l l   A P I [ 1 9 ] ， S O A P [ 2 0 ]   已 经 成 为 了 过 去 时 。 目 前 业 界 存 在 各 种   A P I 协 议 ， 比 如   H A T E O A S 、 J S O N   A P I 、 H A L 、 G r a p h Q L   等 。 G r a p h Q L   赋 予 了 客 户 端 进 行 任 意 查 询 的 能 力 。 搭 配   R e l a y [ 2 1 ] ， 可 以 更 好 地 处 理 客 户 端 的 状 态 和 缓 存 。 不 过 ， 创 建   G r a p h Q L   的 服 务 端 接 口 的 难 度 还 较 大 ， 且 大 多 数 的 文 档 都 是 面 向   N o d e . j s   的 。
N e t f l i x   的   F a l c o r [ 2 2 ]   看 起 来 提 供 了 和   G r a p h Q L / R e l a y   相 似 的 能 力 ， 同 时 还 降 低 了 服 务 端 的 需 求 ， 但 它 目 前 尚 处 于 开 发 者 预 览 状 态 ， 尚 未 应 用 于 实 际 开 发 。 所 有 已 知 的 规 范 都 各 有 缺 陷 ， 有 些 过 于 复 杂 ， 有 些 只 能 处 理 数 据 读 取 而 不 嗯 那 个 更 新 ， 有 些 和   R E S T   差 异 显 著 。 许 多 开 发 者 选 择 自 己 开 发 ， 但 是 还 会 遇 到 上 述 的 问 题 。 我 不 认 为 上 述 有 一 个 完 美 的 解 决 方 案 ， 但 我 对   A P I   有 一 个 自 己 的 认 知 ： 可 预 测 ， 遵 循 一 致 性 协 议 支 持 在 一 次 查 询 中 获 取 多 个 实 体 支 持 更 新 操 作 易 于 调 试 易 于 使 用 到 目 前 为 止 ， 我 还 没 有 发 现 满 足 上 述 所 有 条 件 的 解 决 方 案 。 如 果 你 正 在 使 用   R E S F f u l ， 建 议 参 考   S w a g g e r [ 2 3 ]   来 编 写   A P I 。 E l e c t r o n E l e c t r o n [ 2 4 ]   可 以 使 用 前 端 技 术 构 建 桌 面 程 序 ， G i t H u b   团 队 出 品 的   A t o m   编 辑 器 就 是 基 于   E l e c t r o n   创 建 的 。 本 质 上 ， E l e c t r o n   内 部 封 装 了 一 个 N o d e . j s ， 可 以 打 开   C h r o m e   窗 口 渲 染   U I ， 还 可 以 访 问 操 作 系 统 本 地 的   A P I ， 并 且 没 有 浏 览 器 中 的 沙 盒 机 制 。 开 发 者 可 以 通 过   E l e c t r o n   打 包 和 分 发 应 用 程 序 。 这 是 创 建 跨 平 台 软 件 最 简 单 的 方 式 ， 而 且 还 可 以 利 用 上 述 的 所 有 工 具 。 此 外 ， E l e c t r o n   有 完 整 的 文 档 和 活 跃 的 开 发 社 区 。 你 可 能 听 说 过   n w . j s [ 2 5 ]   的 大 名 ， 虽 然 它 已 经 存 在 了 多 年 ， 但 相 比 来 说 ， E l e c t r o n   更 加 稳 定 和 易 用 。 这 里 有 一 个 基 于   E l e c t r o n 、 R e a c t   和   h o t   r e l o a d   的 模 板 [ 2 6 ] ， 尝 试 一 下 吧 。 延 伸 延 伸 下 面 是 一 些 我 在   T w i t t e r   上 关 注 的 对 象 ： D a n   A b r a m o v [ 2 7 ] ,   R e d u x   的 创 建 者 C h r i s t o p h e r   C h e d e a u [ 2 8 ] ,   非 常 活 跃 的   R e a c t   开 发 者 ， 现 就 职 与   F a c e b o o k J e f f   M o r r i s o n [ 2 9 ] ,   F l o w   的 核 心 贡 献 者 之 一 S e b a s t i a n   M a r k b å g e [ 3 0 ] ,   R e a c t   的 创 建 者 之 一 P e t e   H u n t [ 3 1 ] R e a c t [ 3 2 ] 更 多 值 得 关 注 的 对 象 请 参 考   R e a c t   I n f l u e n c e r s [ 3 3 ] 建 议 阅 读   P a t e   H u n t   的   L e a r n i n g   R e a c t [ 3 4 ] ! D a n   A b r a m o v   发 布 一 系 列 的 视 频 教 程   G e t t i n g   s t a r t e d   w i t h   R e d u x [ 3 5 ] ， 强 烈 推 荐 ！ 此 外 ， D a n   还 发 布 过 一 个 关 注 列 表 [ 3 6 ] ， 比 上 述 更 加 详 细 。 M a r k   E r i k s o n   的   R e a c t / R e d u x   l i n k s [ 3 7 ]   集 合 也 是 很 好 的 学 习 材 料 。 按 需 使 用 按 需 使 用 J a v a S c r i p t   的 生 态 环 境 发 展 迅 速 ， 正 日 益 强 大 起 来 。 R e a c t   的 最 佳 实 践 正 在 固 化 ， 周 边 工 具 的 职 责 和 能 力 也 日 益 清 晰 。
最 重 要 的 事 情 就 是 要 牢 记 ： 保 持 简 洁 ， 按 需 使 用 。 如 果 你 的 应 用 程 序 只 有 两 三 屏 ， 那 么 就 无 需 使 用 路 由 系 统 ； 如 果 你 正 在 创 建 一 个 单 页 应 用 ， 那 么 甚 至 不 需 要   R e d u x ， 只 需 要   R e a c t   自 己 的 s t a t e   属 性 即 可 ； 如 果 你 正 在 创 建 一 个 简 单 的   C R U D   程 序 ， 那 么 你 就 不 需 要 使 用   R e l a y ； 如 果 你 正 在 学 习   E S 6 ， 并 不 需 要 深 入 地 了 解 A s y n c / A w a i t   或 装 饰 器 ； 如 果 你 刚 刚 开 始 学 习   R e a c t ， 并 不 需 要 使 用 热 重 载 和 服 务 端 渲 染 ； 如 果 你 刚 刚 接 触   W e b p a c k ， 你 就 不 需 要 分 离 代 码 和 合 并 多 个 资 源 ； 如 果 你 刚 刚 学 习   R e d u x ， 你 不 需 要 理 解 使 用   R e d u x - F o r m   和   R e d u x - S a g a s 。 保 持 简 洁 ， 每 次 只 做 一 件 事 ！ 编 译 自 ： h t t p s : / / m e d i u m . c o m / j a v a s c r i p t - a n d - o p i n i o n s / s t a t e - o f - t h e - a r t - j a v a s c r i p t - i n - 2 0 1 6 - a b 6 7 f c 6 8 e b 0 b # . 7 l 1 0 0 b 2 a h   作 者 ：   F r a n c o i s   W a r d 转 载 自 ：   h t t p : / / p i n g g o d . c o m / 2 0 1 6 / 2 0 1 6 - J a v a S c r i p t - % E 6 % 8 A % 8 0 % E 6 % 9 C % A F % E 6 % A 0 % 8 8 % E 5 % B 1 % 9 5 % E 6 % 9 C % 9 B /   译 者 ：   @ p i n g 4 g o d [ 1 ] :   h t t p s : / / g i t h u b . c o m / g a e a r o n / r e d u x - d e v t o o l s [ 2 ] :   h t t p s : / / g i t h u b . c o m / r e a c t j s / r e s e l e c t [ 3 ] :   h t t p s : / / g i t h u b . c o m / a i r b n b / j a v a s c r i p t [ 4 ] :   h t t p s : / / w w w . n p m j s . c o m / p a c k a g e / e s l i n t - c o n f i g - a i r b n b [ 5 ] :   h t t p s : / / d o c s . n p m j s . c o m / c l i / s h r i n k w r a p [ 6 ] :   h t t p s : / / w w w . n p m j s . c o m / p a c k a g e / s i n o p i a [ 7 ] :   h t t p : / / w w w . 2 a l i t y . c o m / 2 0 1 5 / 1 2 / w e b p a c k - t r e e - s h a k i n g . h t m l [ 8 ] :   h t t p s : / / g i t h u b . c o m / w e b p a c k / d o c s / w i k i / o p t i m i z a t i o n [ 9 ] :   h t t p s : / / d o c s . n p m j s . c o m / c l i / r u n - s c r i p t [ 1 0 ] :   h t t p s : / / g i t h u b . c o m / p r o d a t a k e y / d i r t y - c h a i [ 1 1 ] :   h t t p s : / / g i t h u b . c o m / w e b p a c k / m o c h a - l o a d e r [ 1 2 ] :   h t t p s : / / g i t h u b . c o m / a i r b n b / e n z y m e [ 1 3 ] :   h t t p s : / / g i t h u b . c o m / j q u e n s e / t e a s p o o n [ 1 4 ] :   h t t p s : / / m e d i u m . c o m / j a v a s c r i p t - s c e n e / w h y - i - u s e - t a p e - i n s t e a d - o f - m o c h a - s o - s h o u l d - y o u - 6 a a 1 0 5 d 8 e a f 4 [ 1 5 ] :   h t t p : / / f i l i m a n j a r o . c o m / b l o g / 2 0 1 4 / i n t r o d u c i n g - l a z y - e v a l u a t i o n / [ 1 6 ] :   h t t p : / / r a m d a j s . c o m / 0 . 1 9 . 1 / i n d e x . h t m l [ 1 7 ] :   h t t p : / / r a m d a j s . c o m / 0 . 1 9 . 1 / i n d e x . h t m l [ 1 8 ] :   h t t p s : / / g i t h u b . c o m / m a t t h e w - a n d r e w s / i s o m o r p h i c - f e t c h [ 1 9 ] :   h t t p s : / / e n . w i k i p e d i a . o r g / w i k i / R e p r e s e n t a t i o n a l _ s t a t e _ t r a n s f e r [ 2 0 ] :   h t t p s : / / e n . w i k i p e d i a . o r g / w i k i / S O A P [ 2 1 ] :   h t t p s : / / f a c e b o o k . g i t h u b . i o / r e l a y / [ 2 2 ] :   h t t p s : / / g i t h u b . c o m / N e t f l i x / f a l c o r [ 2 3 ] :   h t t p : / / s w a g g e r . i o / [ 2 4 ] :   h t t p s : / / g i t h u b . c o m / a t o m / e l e c t r o n [ 2 5 ] :   h t t p : / / n w j s . i o / [ 2 6 ] :   h t t p s : / / g i t h u b . c o m / c h e n t s u l i n / e l e c t r o n - r e a c t - b o i l e r p l a t e [ 2 7 ] :   h t t p s : / / g i t h u b . c o m / g a e a r o n [ 2 8 ] :   h t t p s : / / t w i t t e r . c o m / V j e u x [ 2 9 ] :   h t t p s : / / g i t h u b . c o m / j e f f m o [ 3 0 ] :   h t t p s : / / t w i t t e r . c o m / s e b m a r k b a g e [ 3 1 ] :   h t t p s : / / t w i t t e r . c o m / f l o y d o p h o n e [ 3 2 ] :   h t t p s : / / t w i t t e r . c o m / r e a c t j s [ 3 3 ] :   h t t p s : / / t w i t t e r . c o m / o g u z b i l g i c / l i s t s / r e a c t - i n f l u e n c e r s [ 3 4 ] :   h t t p s : / / g i t h u b . c o m / p e t e h u n t / r e a c t - h o w t o [ 3 5 ] :   h t t p s : / / e g g h e a d . i o / s e r i e s / g e t t i n g - s t a r t e d - w i t h - r e d u x [ 3 6 ] :   h t t p s : / / m e d i u m . c o m / @ d a n _ a b r a m o v / m y - r e a c t - l i s t - 8 6 2 2 2 7 9 5 2 a 8 c # . 7 4 0 o 0 w z e e [ 3 7 ] :   h t t p s : / / g i t h u b . c o m / m a r k e r i k s o n / r e a c t - r e d u x - l i n k s 推 荐 文 章 推 荐 文 章 I D 点 击 标 题 或 输 入 文 章   I D   直 达 该 文 章 1 一 起 来 说   V i m   语 1 0 2 6 国 外 一 些 知 名 程 序 员 的 办 公 室 和 电 脑 桌 的 样 子 3 4 1 7 L i n u x   概 念 架 构 的 理 解 3 6 4 2 如 何 利 用   G o o g l e   成 为 一 个 更 好 的 程 序 员
将 文 章 分 享 给 朋 友 是 对 我 们 最 好 的 赞 赏 ！ 阅 读 原 文
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

使用Markdown编辑器编辑 使用富文本编辑器编辑

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理