React 组件化实现React 是用 JavaScript 构建快速响应的大型 Web 应用程序的首选方式。React 最棒的部分之一是引导我们思考如何构建一个应用，我们将会通过 React 构建一个可搜索的产品数据表格。从设计稿开始假设我们已经有了一个返回 JSON 的 API，以及设计师提供的组件设计稿。如下所示：第一步：将设计好的 UI 划分为组件层级首先，你需要在设计稿上用方框圈出每一个
路由的使用
import React from 'react'
// 如果要使用 路由模块，第一步，运行 yarn add react-router-dom
// 第二步，导入 路由模块
// HashRouter 表示一个路由的跟容器，将来，所有的路由相关的东西，都要包裹在 HashRouter 里面，而且，一个网站中，只需要使用一次 HashRouter 就好了；
// Route 表示一个路
通过合理运用StepVerifier和各种模拟技术，开发者可以构建全面可靠的响应式代码测试套件。关键在于理解响应式流的生命周期和异步特性
欢迎关注前端早茶，与广东靓仔携手共同进阶 前端早茶专注前端
原创
2022-06-04 23:49:28
1129阅读
React Hooks简介Hook是React 16.8新增加的新特性，可以让开发者在不用编写class组件的情况下使用state以及其他的一些在类组件中才可以使用的属性。Hooks的特点完全可选的，hooks的使用是非必须的，可以根据实际的需要进行选择使用。Hooks是100%向后兼容的，并且不包含任何的破坏性的改动。React Hook已经在16.8的版本中发布了。使用Hooks的原因可以解决
1. 安装工具包npm install less-loader@7.3.0 --save-dev
2. 修改packaage.json"scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "
原创
2021-12-16 16:58:20
85阅读
antd的按需引入+自定主题 1.安装依赖：yarn add react-app-rewired customize-cra babel-plugin-import less less-loader 2.修改package.json .... "scripts": {
原创
2022-02-11 14:26:39
392阅读
前言 在Internet上搜索模板和主题时，很难找到免费的React资源。 即使您不在乎质量，它们似乎也很难被发现，并出于好奇而感动，我花了数小时在Google和Github上四处挖掘，结果得到了36个免费的React模板和主题的集合。我不会对此打赌，但是它们也是高质量的资源。 因此，在此列表中，您
原创
2022-05-12 17:56:29
7234阅读
antd的按需引入+自定主题 1.安装依赖：yarn add react-app-rewired customize-cra babel-plugin-import less less-loader 2.修改package.json .... "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app
原创
2021-07-16 14:59:31
460阅读
1. 安装工具包npm install less-loader@7.3.0 --save-dev2. 修改 config-overrides.js文件const { override, fixBabelImports, addLessLoader } = require('customize-cra');module.exports = override( fixBabelImports('import', { libraryName: 'antd', li
原创
2022-02-25 15:43:22
144阅读
作者 | 余佩纯基于react设计与开发的组件库主题方案，以 Hippy React 主题方案设计为例需求背
转载
2022-12-25 21:44:55
534阅读
React 之配置Antd按需加载,less定制主题色搭建React环境，创建入门demo，并配置Antd按需加载及使用less，自定义主题色安装Reactyarn global add create-react-app#或npm install -g cre
原创
2022-01-12 15:07:23
700阅读
先上图。1. 更改主题1.1. 下载主题点这里下载hexo-theme-matery，当然你也可以在你的 themes 文件夹下使用 git clone 命令来下载。git clone https://github.com/blinkfox/hexo-theme-matery.git1.2. 修改配置文件修改 Hexo 根目录下的 _config.yml 的 theme 的值：theme: hex
转载
2024-05-27 18:28:58
304阅读
本教程讲解如何在GeneratePress主题中配置网站的全局颜色。您可以在自定义（customize） > 颜色（colors）中找到GeneratePress主题的全局颜色（global colors）配置项。打开颜色面板后，您将下图中的全局颜色和元素列表。全局颜色GeneratePress主题默认添加了 7 种颜色，每种颜色都有特定的用途。从左到右，分别有如下颜色：对比色（contra
转载
2024-05-18 06:43:39
437阅读
