2020年值得你去试试的10个React开发工具
本文由葡萄城技术团队翻译并首发 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 JavaScript每天都在出现大量的框架和工具，而React是除了上次我们
-
ReactJS代码片段：它提供了40个React代码片段，它可以满足你所有通用需求以及34个propTypes特定的代码片段。它能避免你浪费大量时间重复劳作，从而提高日常的工作效率。
-
ES Lint：添加了对命令行工具的支持。它集成到你的IDE中，并帮助你改进语法，设置自己的编码样式，甚至在某些情况下能为你自动修复错误。
-
npm：当你需要安装新的插件、重新启动服务器或是运行某些npm特定命令时，你都必须从IDE跳到终端，这可能会令你有一些累，所以这个扩展增加了直接从IDE直接运行npm命令的功能。
-
JS ES6片段：这个插件将包含40多个代码片段，这将是你提高开发效率的绝对必要条件。
-
搜索node_modules：使用这个扩展，你可以轻松找到模块并在编辑器中将其打开。
-
npm IntelliSense：使用此模块，你可以轻松列出所有已安装的模块，快速搜索它们，并插入正确的代码片段以将其导入代码中。
-
Path intelliSense：最后，与上一个扩展名内联，在当你不是处理大型项目的唯一一人时，记住所有路径和文件名变得非常困难和麻烦。此扩展名将帮助您自动完成本地导入的路径。
ext install jawandarajbir.react-vscode-extension-pack
$ npx -p @storybook/cli sb init
$ npm install --save-dev react-styleguidist
$ npx styleguidist server
$ npx create-react-app my-app
$ npm init react-app my-app
$ yarn create react-app my-app
my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
└── src
├── App.css
├── App.js
├── App.test.js
├── index.css
├── index.js
├── logo.svg
└── serviceWorker.js
$ cd my-app
$ npm start #根据喜好使用yarn start 也可以
$ npm install react-bootstrap bootstrap
{/* The following line can be included in your src/index.js or App.js file*/}
import 'bootstrap/dist/css/bootstrap.min.css';
$ npm install @ welldone-software / why-did-you-render --save
import React from 'react';
if (process.env.NODE_ENV !== 'production') {
const whyDidYouRender = require('@welldone-software/why-did-you-render');
whyDidYouRender(React);
}
class BigListPureComponent extends React.PureComponent {
static whyDidYouRender = true
render(){
return (
//some heavy render you want to ensure doesn't happen if its not neceserry
)
}
}
$ npm install -g create-proton-app
libgtk-3-dev build-essential python2 pkg-config
$ create-proton-app my-app
# 进入项目目录
$ cd my-app
# 运行app
$ npm run start
原创声明
本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
服务热线 19970861797
