开始之前，先了解目前常用的 React 国际化插件：The Best Libraries for React i18n。因为看上去使用方法比较简单，我先选择了 react-i18next。但是使用过程中遇到很多问题，不想继续浪费时间，于是转而使用react-intl。事实证明及时改变方案是明智的。React IntlReact Intl 用于国际化 React 组件，提供 React 组件和 AP
本文将 MobX 与 React Native 结合，编写一个简单的列表客户端。这是学习使用 MobX 和 React Native 的一个不错的起点。查看最终的代码库，点击这里。MobX 是一款精准的状态管理工具库，对我来说非常容易学习和接受。我在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux，但我会毫不犹豫地说，MobX 的简单性立即
转载
2024-07-26 15:05:55
49阅读
module.exports = { env: { 'browser': true, 'commonjs': true, 'es6': true }, extends: 'eslint:recommended', globals: { page: true, REACT_APP_ENV: true ...
转载
2021-09-15 16:39:00
1045阅读
2评论
cd到我们的项目，安装ESlint：cnpm install eslint --save-dev2. 创建ESlint配置文件.eslintrc.js：eslint --init以上选项一路回车即可，这些就是使用的eslint规则，后面可以自定义调整；4. 安装 eslint-plugin-react 等相关依赖：cnpm install babel-eslint eslint-plugin-re
转载
2024-05-16 06:27:56
93阅读
前面的话 使用Facebook官方推出的create-react-app脚手架，我们基本可以零配置搭建基于webpack的React开发环境。但是，如果需要个性化定制，则还需要基于create-react-app进行再配置 环境变量【设置】 在根目录下新建.env文件，可以用于本地环境变量覆盖 如在该文件中进行如下设置PORT=2000 则开发服务器会在2000端口开启服务【默认
通过让组件管理自己的状态，任何时候该状态发生变化了，React 将知道并自动对页面做出必要的更新。这是使用 React 构建 UI 组件的关键优势之一：如果要重新渲染页面，我们只需考虑更新状态。每次有更新时，我们不需要知道到底是页面的哪个部分发生变化了，也不需要判断如何有效的重新渲染页面，React 会对比之前的输出和新的输出，判断哪些改变了，并为我们做出决策，这个流程称为一致性比较
1.首先在vscode中运行npm i eslint-plugin-react-hooks -D安装依赖；2.然后打开package.json进行配置： "eslintConfig": {
"extends": "react-app",
"plugins": [
"react-hooks"
],
"rules": {
"react-hooks
原创
2021-04-22 08:51:53
1404阅读
{
// 环境定义了预定义的全局变量。
"env": {
//环境定义了预定义的全局变量。更多在官网查看
"browser": true,
"node": true,
"commonjs": true,
"amd": true,
"es6": true,
"mocha":
转载
2024-10-09 07:22:01
62阅读
一、安装eslintnpm install eslint --save-dev
or
yarn add eslint --save-dev二、eslint配置
Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个代码源文件中。在javascript使用注释配置eslint信息。/* eslint-env node, mocha */
转载
2024-06-11 13:27:54
97阅读
我的需求 ： 想规范平时的代码风格如何把eslint 运用到一般页面开发中第一步全局安装 npm install eslint -g 第二步webstorm配置 第三步 配置 .eslintrc 文件（项目的根目录下新建一个.eslintrc 文件，下面是我的配置文件）{
"env": {
"browser": true,
"nod
转载
2024-08-04 15:58:00
1317阅读
背景介绍最近在做react-native应用Android端沉浸式状态栏时，发现通过Statusbar.setTrranslucent(ture)设置界面拉通状态栏之后，使用Modal 组件的地方界面无法延伸到状态栏，导致使用Modal实现的弹窗背景蒙层顶部会有一个白条，看起来很不爽，在经过一番搜索之后，发现react-native github 上有人提这个问题，但是没有解决。因此就
eslint学习整理介绍配置详情常用配置文档eslint 和 prettier 区别 介绍lint是检验代码格式工具的统称，工具有 Jslint、Eslint等； npm i eslint --save-dev eslint --fix 可以自动修复基础错误，如符号缺失或丢失；工作原理解析两种方式配置： 1、comments 使用 JavaScript 注释把配置信息直接嵌入到一个代码源文件中。
转载
2024-03-18 12:45:00
648阅读
序言：本篇介绍React下载安装以及环境搭建 目录一、Nodejs安装二、create-react-app安装三、创建/启动React程序四、编码工具VScode 一、Nodejs安装Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境（运行js需要node.js）。因为React是JavaScript库，所以需要安装Node.js1、下载node.js 可以去官
开启学习react+ts，本篇主要是学习使用React Redux和项目的路由配置一、React Redux需求：使用TS+React Redux实现一个累加。A. 安装$ yarn add redux react-redux redux-devtools-extensionB. Storesrc下新建 store 目录，在其中新建 reducer.ts 和 index.ts：a. reducer
转载
2024-09-05 16:15:35
178阅读
俗话说得好，工欲善其事必先利其器，想要熟练开发Vue项目，一个好的开发环境就是必不可少了，这里我就选用了vscode作为开发工具，毕竟vscode免费，还跨平台，应用范围也广，著名的vue开源项目：后台管理平台(vue-element-admin)的大神在文档中就推荐采用vscode+eslint，号称“绝对有种飞一般的感觉”。为了达到大神所说的效果，我们这就来研究一下如何在vscode中配置好e
转载
2024-05-13 16:51:42
292阅读
1. 什么是uniCloud? 在回答这个问题之前，我们需要知道一个东西叫uni-app。 uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 简单来说，uni-app消除了语言差异，使
前言React 做国际化，我推荐使用 React-intl , 这个库提供了 React 组件和Api两种方式来格式化日期，数字和字符串等。知道这个库了，那让我们开始使用它组件用法为了和React 比较融和，我们可以使用组件的方式1.安装npm install react-intl --save2.添加引用import {IntlProvider, addLocaleData} from 'rea
转载
2024-08-01 12:13:04
36阅读
最近在跟着视频敲项目时，代码提示出现很多奇奇怪怪的错误提示，百度了一下是eslintrc.js文件没有配置相关命令，ESlint的语法检测真的令人抓狂，现在总结一下这些命令的解释，方便以后查阅。 默认eslint规则： 代码末尾不能加分号 ;（强迫症的我受不了哭） 代码中不能存在多行空行；（这个我更也忍不了大哭） tab键不能使用，必须换成两个空格；（超级不习惯） ...
转载
2019-04-19 17:16:00
147阅读
2评论
Vue3-Cli和Vite的基本使用Vue CLI脚手架什么是Vue脚手架？我们前面学习了如何通过webpack配置Vue的开发环境，但是在真实开发中我们不可能每一个项目从头来完成。所有的webpack配置，这样显示开发的效率会大大的降低；所以在真实开发中，我们通常会使用脚手架来创建一个项目，Vue的项目我们使用的就是Vue的脚手架；脚手架其实是建筑工程中的一个概念，在我们软件工程中也会将一些帮助
1. 配置prettier:(1). install Prettier locally:yarn add --dev --exact prettierThen, create an empty config file to let editors and other tooling know you are using Prettier:echo {}> .prettierrc.jsonNe
原创
2023-09-13 09:52:55
164阅读
