本文将 MobX 与 React Native 结合，编写一个简单的列表客户端。这是学习使用 MobX 和 React Native 的一个不错的起点。查看最终的代码库，点击这里。MobX 是一款精准的状态管理工具库，对我来说非常容易学习和接受。我在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux，但我会毫不犹豫地说，MobX 的简单性立即
转载
2024-07-26 15:05:55
49阅读
开启学习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阅读
架构和规范架构是为了解决什么问题呢？我理解是效率问题。通过一个好的架构，能让你很容易地、具备一致性地理解一个系统，在此基础上快速地、可持续地完成业务功能。它保证的有三点：代码库阅读起来很轻松添加新功能时能很快，理想情况是，仅添加跟业务有关的代码，跟样式、基础设施相关的东西，在一个较为成熟的项目上，应该都比较稳定了在演进过程中，仍然能保持添加功能的速度很快规范是为了解决什么问
本文使用starter-kit：steamer-react react分支。此分支已集成react与preact。背景最近接手了互动视频的项目，做了一个月的运营活动。跟基础功能不同，运营活动更为轻量。因此许多同事并不想用那么“重”的React。但同时，大家由于之前度过React的上手痛苦期后，开始体会到React的许多好处，裸写运营活动的时候，又开始对React的好处念念不忘记：良好的组件化、解放
转载
2024-10-12 08:04:36
65阅读
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阅读
前端代码规范工具ESLint和Prettier1. ESLint是什么？ESLint 是一个开源的 JavaScript 代码检查工具，由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。JavaScript 是一个动态的弱类型语言，在
转载
2024-05-08 08:18:51
106阅读
开始之前，先了解目前常用的 React 国际化插件：The Best Libraries for React i18n。因为看上去使用方法比较简单，我先选择了 react-i18next。但是使用过程中遇到很多问题，不想继续浪费时间，于是转而使用react-intl。事实证明及时改变方案是明智的。React IntlReact Intl 用于国际化 React 组件，提供 React 组件和 AP
1.三者都是干什么的（1）eslint
eslint它是一个代码检测工具，用来检测你代码中的不规范，可以统一项目项目的代码规范。如果你的代码不符合规范要求，就会直接在文件中出现不同程度的提示信息。具体是：
error：错误，报错文件名在vscode里会直接变红，直到错误改掉。
warning：警告，报警告的文件会在vscode里变成警告的黄色。
off：这个规则不进行校验，即关闭这个校验。（2）p
转载
2024-03-11 17:56:56
644阅读
获取或提交代码时报错，如下，点击Quick Fix没有用 解决方案是： 运行命令：yarn run lint --fix ...
转载
2021-09-10 09:20:00
1384阅读
2评论
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评论
首发 现在的项目前端都很很庞大，往往也是多人合作开发，对代码的格式规范或代码风格要求尤其重要，一个看着统一整齐的代码格式，也能在实际开发中起到事半功倍的作用，起码能起到心情愉悦的作用。本文结合自身在项目开发中的配置，记录一下Eslint和Prettier工具的配置和部分可能会遇到的问题，如有错误，请指正。Eslint和Prettier的区别两者的区别简单一句话介绍就是：Eslint或其他lint类
转载
2024-05-13 14:59:34
219阅读
本文介绍ESlint & Prettier & Flow组合框架的构建，以及这样做的目的，过程以及运行示例 1.Flow是faceBook开源的一个JavaScript静态类型检查工具 2.Prettier:代码美化和统一规范工具 3. ESlint: 静态代码检查工具
FlowFlow的意义Flow是faceBook开源的一个JavaS
转载
2024-06-21 13:26:19
77阅读
注意：这个冲突问题一般是指在代码编辑器中出现的问题，这里使用的是vscode。在前端开发中，很多人使用 prettier 作为代码格式化工具，用 ESLint 控制代码风格，以及检查错误。但是在同时使用 ESLint 和 prettier 的时候，由于代码规则不一样就会发生冲突，发生冲突的原因是：在保存文件时，**ESLint 先修复了代码符合 ESLint 的代码风格，之后 prettier 又
转载
2024-03-25 10:13:38
714阅读
Flow的意义Flow是faceBook开源的一个JavaScript静态类型检查工具，作用类似TypeScript，但是它不像TS那样是一门独立的语言，而是作为一个babel-plugin,借助babel的编译切入JavaScript的编码当中，同时，与ts不同的是，Flow.js的类型检查不是强制的，可以通过//@flow手动开启，意味着，你可以自由选择某个文件是否开启类型检查。Flow真是眼
转载
2024-09-27 09:55:20
64阅读
划重点 eslint-config-prettier 禁用 eslint 冲突配置 eslint-plugin-prettier Prettier先格式化 （默认是先eslint格式化，再Prettier格式化）
原创
2022-08-29 17:24:58
4551阅读
点赞
Vue的ESLint配置常用规则// “off”或0：不启用该规则。
// “warn”或1：违反时警告。
// “error”或2：违反时报错。
'rules': {
"comma-dangle": ["error", "never"], //是否允许对象中出现结尾逗号
"no-cond-assign": 2, //条件语句的条件中不允许出现赋值运算符
"no
转载
2024-03-18 19:55:56
177阅读
需求使用prettier插件进行美化，使用eslint进行代码的校验，但是我们在vscode安装了着两个插件后发现会有冲突疑问Slint和Prettier格式化的区别？
eslint（包括其他一些 lint 工具）的主要功能包含代码格式的校验，代码质量的校验。而 Prettier 只是代码格式的校验（并格式化代码），不会对代码质量进行校验。代码格式问题通常指的是：单行代码长度、tab长度、空格、逗
转载
2024-03-16 01:24:35
249阅读
settings.json { "files.associations": { "*.js": "javascriptreact" }, // 全局formater "editor.tabSize": 2, "editor.defaultFormatter": "esbenp.prettier-vs ...
转载
2021-10-20 15:21:00
996阅读
2评论
创建项目 首先，我们使用官方提供的脚手架 create-react-app 来创建一个项目： npx create-react-app eslint-prettier-react-demo/ cd eslint-prettier-react-demo/ Eslint 安装依赖 Eslint 是一个可
转载
2020-11-23 17:43:00
403阅读
2评论
Study Notes
本博主会持续更新各种前端的技术，如果各位道友喜欢，可以关注、收藏、点赞下本博主的文章。规范化标准规范化是我们践行前端工程化中重要的一部分为什么要有规范化标准软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每个项目或者团队需要明确统一的标准哪里需要规范化标准代码、文档、甚至是提交日志开发过程中人为编写的成果物代码标准化规范最为重要常见的规范化实
转载
2024-04-30 22:09:20
72阅读
