React规范
##**一、基础规范**
1. 统一全部采用 Es6
3. 每个文件只包含的一个 React 组件（联系紧密的组件可以使用「命名空间的形式」）。
4. 始终使用 JSX 语法，不要使用 `React.createElement` 创建 ReactElement，以提高编写速度、可读性、可维护性（没有 JSX 转换的特殊场
字节跳动ADFE团队一、传统class的痛点随着React、Vue等支持组件化的MVVM前端框架越来越流行，在js中直接编写css的技术方案也越来越被大家所接受。为什么前端开发者们更青睐于这些css-in-js的方案呢？我觉得关键原因有以下几点：css在设计之初对“组件化”的考虑是不完全的，css直接作用于全局，无法直接作用于某个组件内部的样式。在我们的前端组件中有很多“组件样式随着数据变化”的场
首先我们可以看到底部一个 yarn.lock的文件，这个文件主要是项目依赖的安装包，他的一些版本号，会在这里做一些限制，这个文件不要动就好了。 readme.md，这个文件其实是项目的说明文件，他里面会有一些关于项目的说明，我们可以全部删除掉，自己用markdown的语言做一些相关的介绍 packa
转载
2019-03-08 06:51:00
116阅读
2评论
使用React-create-app搭建react+ts项目一、create-react-app脚手架1、依赖安装create-raect-app 2、项目初始化 **·**快速构建出项目名为react-ts的react+ts的项目 **·**进入项目可以看到默认已将安装好的部分依赖，此时运行npm run strat命令项目默认会在3000端口地址启动，如下图： **·**项目目录结构如下，此时
了解React学习React之前，我们要了解React 是什么？React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。----React官方文档创建新的React项目新建react项目有三种方式 一、通过CDN链接引入React核心文件 （1）先创建一个新的HTML文
转载
2023-11-06 15:11:00
98阅读
注意命名方式：create-react-app详细说明
原创
2022-11-18 09:58:34
102阅读
1、index.html ：UI界面入口、挂在点； 2、manifest.json：应用说明 3、package.json：工程说明、依赖说明等 4、source : 代码源文件
转载
2019-06-25 14:15:00
160阅读
2评论
我们可以基于webpack自己去搭建一套工程化打包的架子，但是这样非常的麻烦/复杂；React官方，为我们提供了一个脚手架：create-react-app！！脚手架：基于它创建项目，默认就把webpack的打包规则已经处理好了，把一些项目需要的基本文件也都创建好了！！1.create-react-app基础运用安装脚手架$ npm i create-react-app -g 「mac前面要设置
原创
精选
2023-06-08 22:06:45
248阅读
1.reducer的拆分和合并在真正的项目中，我们一定会把状态和reducer的管理，按照模块化进行划分。第一件事情: 按照模块，把reducer进行单独管理，每个模块都有自己的reducer; 最后，我们还要把所有的reducer进行合并，合并为一个，赋值给我们创建的store! !reducer模板voteReducer.jsxpersonalReducer.jsreducers/index.
原创
精选
2023-06-13 21:39:21
269阅读
概要：3000端口是webpack配置里面写的，可以通过传递一个PORT全局变量，来修改这个端口。当然，您还可以在node_modules/react-scripts/目录下面，批量搜索替换3000字样，这个操作比较暴力。最优方案：先安装cross-env插件，然后通过修改package.json中的命令行，传递进来新的PORT环境变量。本方案最完美，其余方案都是补充的逗逼方案。全局安装cross-env：npm install cross-env -g修改package.json:
转载
2021-08-12 14:01:30
5014阅读
最近有个需求，需要我做一个公共组件并且发布在npm上，由于之前并没有这方面经验所以在过程中耗费了比较多的时间（大部分时间在疯狂百度），所以在完成需求后写一篇博文记录一下。一、新建目录结构1、新建src文件夹用于放源码2、新建webpack.config.js文件，用于配置webpack3、新建public文件夹，用于存放不随打包改变的相关文件，如html、ico图标等4、新建.gitignore文
React Native Android 开发环境搭建，只需4步。自己在搭建 React Native Android 版开发环境的时候，参考了很多文章，发现多数文章提供的资料过于繁杂，对于一个常年用真机调试的 Android 开发者来说，React Native 开发环境的搭建是可以更简单的。此文受用的对象是使用 Mac 以及真机调试的 Android 开发人员。最好确保你有个健全的网
我们使用create-react-app脚手架时，会发现入口文件index.js中有这样一个引入使用。 这个文件可以视情况用或者不用，它是用来做离线缓存等任务的，实际上就是为react项目注册了一个service worker。这样的话，如果在线上，只要访问过一次该网站，以后即使没有网络也可以访问（
转载
2020-03-09 22:26:00
293阅读
2评论
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
150阅读
1.安装react 开发工具1.下载 chrome react developer tools 下载地址：https://pan.baidu.com/s/1eSZsXDC 下载好是一个cr...
转载
2018-09-05 17:46:00
247阅读
1. Taro1.1. 介绍官网开发文档Taro 是一套遵循 React 语法规范的 多端开发 解决方案。由京东的凹凸实验室团队于 2018-09-18 历时 3 个月正式发布。taro 的目标是使用一套代码达到多端统一。多端：微信小程序H5React Native支付宝小程序百度智能小程序快应用 适配中QQ 浏览器轻应用1.2. 注意虽然 Taro 拥有多端编译的能力，但是为了让我们的学习有一条
1.安装react 开发工具1.下载 chrome react developer tools 下载地址：https://pan.baidu.com/s/1eSZsXDC 下载好是一个cr...
转载
2018-09-05 17:46:00
128阅读
1.安装react 开发工具1.下载 chrome react developer tools 下载地址：https://pan.baidu.com/s/1eSZsXDC 下载好是一个cr...
转载
2018-09-05 17:46:00
59阅读
