React
11篇文章 · 0订阅
  • 精读《Function Component 入门》
    1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…
    React.js JavaScript
  • React 整洁代码最佳实践
    本文主要介绍了适用于现代 React 软件开发的整洁代码实践，顺便谈谈 ES6/ES2015 带来的一些好用的“语法糖”。 整洁代码代表的是一种一致的编码风格，目的是让代码更易于编写，阅读和维护。通常情况下，开发者在解决问题的时候，一旦问题解决就发起一个 Pull Reques…
    React.js 前端
  • 基于React实现高度简洁的Form表单方案
    最近项目里在做我们自己的组件库，关于表单这块，如何实现一个更简单的表单方案，是我们一直在讨论的问题，之前项目里习惯用 ant-design 的 Form 表单，也觉得蛮好用的，我们希望能做出更简洁的方案。 ...... 手写 value 和 onChange，除非你的系统里只有…
    React.js
  • 基于React的表单开发的分析(下)
    上周我写了一篇文章: 基于React的表单开发的分析(上), 主要讲解我们在后台系统开发中 关于新建、编辑、详情这三个页面的异同点以及开发的要点，并最后有提到这期总结一个基于Antd的表单公用组件的设计与实现。 ... TextPreview => 自定义的表单组件, 它和In…
    React.js 前端 JavaScript
  • react hooks 实现动态表单存储
    在上个月里, 公司承接了一个项目, 由我主编前端代码. 看似挺简单的一些需求, 以为写起来不会很难, 于是乎就屁颠屁颠的开始搭建框架, 用公司前端前辈造好的轮子, 基于 react 开发的 @Gdjiami/cli 初始化项目, 简单的项目搭建好后, 就开始页面的开发了. 这就…
    React.js
  • react组件抽象通识篇
    为什么会提到一个抽象组件的概念，其实我们称其为高复用组件更好，因为其实在业务开发中很多时候会有这样的场景，我们的某部分功能是可以共用给其他部分的，但这部分又不太可能脱离组件或者某个基准数据存在。于是，我们需要将这部分代码进行一定的抽象或者说设计。 混入在其他编程语言中非常常见，…
    React.js
  • 《深入react技术栈》之表单
    在react中，提出了受控与非受控组件，对比我们之前的做法，非受控组件就相当于我们之前的版本，没有默认值，或者一般将初始状态进行设定，而受控组件指的是为其指定默认值以及为事件绑定与控件对应的值。 在react建议中，一般都建议我们写受控组件，这样应用的状态以及数据可以实时把握，…
    React.js
  • 团队 React 代码规范制定
    团队中每个开发人员的水平不同，技术关注点不同，如果没有一份代码规范的参照和约束，那么项目中的代码将会风格迥异，难以维护，为保证代码质量和风格统一，特此拟定一份《团队React 代码规范》，这样整个团队的开发人员可以参照这份代码规范进行编码，从而让团队的代码风格统一，利于维护。如…
    React.js
    团队 React 代码规范制定
  • 还在用 Redux，要不要试试 GraphQL 和 Apollo？
    前段时间刷 Twitter 的时候看到大 V 纷纷提到 Apollo，预测它将在 2018 年崛起。正巧碰上有使用 GraphQL 的机会，在大概翻了下 Apollo 的文档之后，我下定决心在新的前端项目里尝试下抛开已经熟悉的 Redux，完全使用 Apollo 来写数据层。一…
    前端 Redux React.js
    还在用 Redux，要不要试试 GraphQL 和 Apollo？
  • Reducer 最佳实践，Redux 开发最重要的部分
    reducer 的最佳实践主要分为以下几个部分 ✦ 抽离工具函数，以便复用。 ✦ 抽离功能函数（case function），精简 reducer 声明部分的代码。 ✦ 根据数据类别拆分，维护多个独立的 slice reducer。 ✦ 合并 slice reducer。 ✦ 通过 crossReducer 在多个 slice reducer 中共享数据。 ✦ 减少 reducer 的模板代码。 接下来，我们详细的介绍每个部分
    Redux 架构
    Reducer 最佳实践，Redux 开发最重要的部分