最近刚完成一个新项目，闲着没事，想着学点新东西（做前端的人都懂，技术更新实在太快了，不学容易out）,听说GraphQL现在开始火起来，大有取代传统Restful API的方式的趋势，所以我决定学学。 由于GraphQL只是一套规范，不能直接使用，但社区有了很多编程语言的实现，…

作为React全家桶的一份子，Redux为react提供了严谨周密的状态管理。但Redux本身是有点难度的，虽然学习了React也有一段时间了，自我感觉算是入了门，也知道redux的大概流程。但其背后诸如creatstore,applymiddleware等API背后到底发生了…

能够按照构建的方式来思考web app的实现，是React众多优点之一。在这篇文章中，我们将引导你进行使用React构建可搜索产品数据表的思考过程。 想象一下，我们已经有了一个JSON API和来自设计师的设计稿。如下图所示： 我们要做的第一件事就是给设计稿中的每个组件（和子组…

咱们在上几篇讲完了简单组件的渲染过程。这次我们用一个自定义组件（我们平时开发用的那种）来探索渲染流程的更多支线。 本篇涉及的文件：和第一篇还有第二篇一样 如果本篇涉及的函数和代码在之前详细讨论过，我会用{}来做引用 App非常像我在最开始给出来的的那个组件，我们上次觉得这个组件…

从 React Hooks 正式发布到现在，我一直在项目使用它。但是，在使用 Hooks 的过程中，我也进入了一些误区，导致写出来的代码隐藏 bug 并且难以维护。这篇文章中，我会具体分析这些问题，并总结一些好的实践，以供大家参考。 如果使用单个 state 变量，每次更新 s…

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…

本文描述了什么时候开始使用 Redux。作者描述了在构建一个真实 React APP 时，从没有使用 Redux 到使用 Redux 的过程以及收获。 首先，并不是所有的 React 应用程序都需要使用 Redux。事实上，大多数非常简单的 React 应用程序根本不能从 Re…

Antd的面包屑组件是一个能够结合路由进行跳转页面的组件，其中对于路由的支持是react-router@3以及react-router@4。

GraphQL 是一种新的 API 定义和查询语言，有可能成为新的 REST。它使 UI 组件易于声明式地获取数据，而不必关注后端实现细节。GraphQL 作为一种强大的抽象，可以加快应用开发速度，使代码更容易维护。