Create React App

Create React Doc 是一个使用 React 的 markdown 文档站点生成工具。就像 create-react-app 一样，开发者可以使用 Create React Doc 来开发、部署 markdown 站点或者博客而不用关心站点环境配置信息。 特性 零配置书写 markdown 文档站点。 markdown 文档支持懒加载以及热加载。 基于文件目录自动生成多层级菜单。 支持一键发布到 GitHub Pages . 使用 create-react-doc 搭建的文档站点 blog 快速上手 执行如下命令: npx create-react-doc my-doc npm install && cd my-doc npm start 然后打开 http://localhost:3000/ 就可以看到文档站点。当准备发布到生产环境时，执行 npm run build 就能将文档站点打包压缩。 使用 create-react-doc 非常容易上手。开发者不需要额外安装或配置 webpack 或者 Babel 等工具，它们被内置隐藏在脚手架中，因此开发者可以专心于文档的书写。 下面提供三种方式来快速创建文档站点: npx npx create-react-doc my-doc npm npm init create-react-doc my-doc yarn yarn

第1章 课程导学（打消你的学习疑虑） 掌握Webpack越来越成为前端工程师的标配技能，本章会对课程整体进行介绍，打消你的学习疑虑。 第2章 Webpack 初探 本章通过清晰易懂的例子，带你了解 Webpack 的产生背景，以及其能够解决的问题。在此基础上，完成开发环境的搭建，Webpack 的安装，并进行最基础的 Webpack 使用讲解。 第3章 Webpack 的核心概念 本章讲解 Webpack 中的一些核心概念，从 Loader 与 Plugin 开始，带你学明白 Webpack 的运行机制，然后逐步深入，扩展衍生出 SoureMap， HMR， WDS 等常见概念。本章课程学习过程中，额外增加了对 Webpack 官方文档的查阅方式讲解，帮助大家学会查阅文档。... 第4章 Webpack 的高级概念 本章接第三章内容，继续讲解 Webpack 中难度更大的知识点，包含了 Tree Shaking，Code Spliting，打包环境区分，缓存，shimming 等内容，帮助你继续扩展 Webpack 的基础知识面。 第5章 Webpack 实战配置案例讲解 本章通过库文件打包，PWA项目打包，TypeScript打包支持等实战常见 Webpack 配置案例，带大家了解最新前端工程化常识，并在实例实现的过程中，巩固前三章节的基础知识点。同时章节末尾进行了

Vue Function-based API RFC 一出来，感觉 vue 越来越像 react 了。新立项目，决定尝试下 react.js。下面是 react 集成 cesium，核心部分是 webpack 的配置。 一、安装 create-react-app npm install -g create-react-app 二、react 工程创建 create-react-app cesium-react 三、cesium 安装 npm install cesium --save 四、copy-webpack-plugin 安装 npm install copy-webpack-plugin --save-dev 五、提取 webpack 配置文件 create-react-app 创建的项目，默认会隐藏 webpack 的配置项，所以需要将 webpack 配置文件提取出来。 npm run eject 成功后，项目根目录下会多出二个文件夹，config scripts，其中 webpack 的配置文件 webpack.config.js 位于 config 文件夹。 六、webpack 配置 1、添加 Cesium module name 1 module.exports = function (webpackEnv) { 2 ... 3 return { 4 ... 5

基于上篇的介绍，虽然有比较 esri-loader 、 @arcgis/webpack-plugin ，还是觉得有必要需要讲述一下“esri-loader”的开发模式，待大家体验后也会有更直观的感受。 本篇文章是配合react脚手架 reate-react-app 使用，无需自己配置复杂的Webpack的环境。废话不多说，直接上手。 项目搭建 安装create-react-app npm install -g create-react-app 创建react应用 create-react-app是全局命令来创建react项目 create-react-app xxx(你的项目名) 运行成功生成的文件目录 npm start 运行成功则会打开 安装esri-loader npm i esri-loader --save 代码开发 更多的详情见 ： GIS之家小专栏 文章尾部提供源代码下载，对本专栏感兴趣的话，可以关注一波 来源： oschina 链接： https://my.oschina.net/u/4348174/blog/3564910

参考： https://blog.csdn.net/qq_39471200/article/details/92655322 问题1： 最近使用react官方脚手架create-react-app建立项目的时候发现在ie浏览器打开时显示空白，在主流的chrome、fireFox等浏览器显示是正常的。 打开控制台显示如下 既然提示了语法错误，那么猜想应该是兼容性的问题，看了下浏览器的版本号是ie11。首先我翻了下create-react-app的文档，从中看到了正好有对ie9、ie10、ie11的兼容性问题解决的一个方案。这时需要用到create-react-app这个插件。 文档地址: https://facebook.github.io/create-react-app/docs/supported-browsers-features create-react-app github地址： https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill 那么下面首先下载这个插件 npm install react-app-polyfill 然后在src下的index.js也就是js入口文件中写入 import "react-app-polyfill/ie9"; import

【今日推荐】：为什么一到面试就懵逼！>>> react fiber 指react 16以上的版本 引入react的方式 ： 1、引入.js文件 2、使用脚手架工具（推荐） 推荐使用react官方提供的脚手架工具：create-react-app React开发环境准备 （npx 是 npm 的高级版本，npx 具有更强大的功能） npx create-react-app my-app cd my-app npm start npx create-react-app 使用淘宝镜像 1、查看npm的镜像源 npm config get registry // 默认是：https://registry.npmjs.org/ 2、修改成淘宝的镜像源 npm config set registry https://registry.npm.taobao.org 3、create-react-app创建项目 npx create-react-app myapp 最后的运行结果 浏览器访问： 1、查看npm的镜像源 来源： oschina 链接： https://my.oschina.net/u/4364439/blog/3233369

一、前端开发环境 1、开发环境 windows 10操作系统； Node.js v10.16.0； webstorm 2019.3.4 x64； 2、前端技术栈 react v16.9 hooks + redux + react-router4； antd； marked hightlight.js； webpach打包优化； axios封装； 二、前端知识回顾 1、基础学习 如果没有接触过react的话，推荐先学习一下react基础知识： 1、react的入门教学视频入口： React 入门教程（开发文档） ； 2、官方教程入口： 入门教程: 认识 React ； 3、redux教程： 从零实现一个 redux ； 2、命名规范 html标签：小写字符开始； 自定义React组件：大写字符开始； 其它变量、方法：函数驼峰命名法； 文件夹、文件命名：全部小写，中间使用-分割，如data-assets； 三、npm使用 1、npm介绍 npm是随同Node.js一起安装的包管理工具，能解决Node.js代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从npm服务器下载别人编写的第三方包到本地使用； 允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用； 允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用； 由于新版的Node.js已经集成了npm

项目中有全局的less、scss文件时，我们的模块使用时，需要引入才能使用，有没有办法只引入一次，或者把它配置在webpack里呢？这篇文章讲到的就是create-react-app（16.8.X）版本的使用方法。sass-resources-loader和style-resources-loader，这两个模块。以下是配置方法 1.使用的版本 react：16.8.6 webpack：4.29.6 2.先安装style-resources-loader和sass-resources-loader，找到 config文件下的webpack.config.js（npm run eject） 2.1 sass-resources-loaders使用方法，不废话了，直接贴代码。 { test: sassRegex, exclude: sassModuleRegex, use: getStyleLoaders( { importLoaders: 3, modules: true, // css-module localIdentName: "[name]-[local]-[hash:base64:5]", // css-module hash sourceMap: isEnvProduction && shouldUseSourceMap // 是否map }, "sass-loader"

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 本文由葡萄城技术团队翻译并首发 转载请注明出处： 葡萄城官网 ，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 JavaScript每天都在出现大量的框架和工具，而React是除了上次我们提到的 Vue和Ember 之外另一款比较流行的框架。但因为新的工具每天都在不断的出现，开发者在尝试时总会有些不知所措。 因此，当为你的新React项目选择合适的IDE，合适的可视化工具甚至是合适的样式时，你都会有很多选择，你该怎么选择合适的？这是一件令人犯愁的事儿。 在本文中，我将介绍11个关于React的开发工具，以帮助你选择以及带你了解如何用它们来使你更充分的使用框架。 1. React开发人员工具 我们将从React开发人员最受欢迎的工具之一的 Chrome React Dev Tools 开始说起，它是一个Chrome 扩展程序，最近它发布了它的v4版。 安装完成后，打开Chrome的开发人员工具你就能看到多出了Components和Profiler选项卡，“Components”选项能帮助你查看屏幕上组件列表以及从其他组件派生出的子组件，你能够选择检查甚至编辑组件的状态和属性。使用“Profiler”选项卡，你也可以评估应用程序的性能。 这两个选项都可以在Chrome DevTools选项卡上找到

我们为什么要构建这个？在以太坊区块链上存储大量数据是非常昂贵的。根据以太坊的黄皮书，它是大约20,0000gas，256bit/8字节（1字）。基于02/28/2018 gas价格为4gwei/gas。请参阅： https://ethgasstation.info 了解当前价格。 每个交易8个字节 20,000gas*4gwei/gas=80,000gwei 。 8,000字节 80,000gwei*1000bytes/8=10,000,000gwei/kB= 0.01`以太。 0.01以太/kB*1000kB=10以太 存储1Mb，价格为860美元/以太=8600.00美元！在以太坊区块链上存储 1GB 文件需要花费 8,600,000.00 美元！ 存储以太坊的38页PDF黄皮书（520Kb）=4472美元。请参阅： http://eth-converter.com/ 进行转换计算。 如果我们只能在区块链上存储几Kb的数据，那么我们仍然需要依靠集中式服务器来存储数据。值得庆幸的是，可以使用称为 InterPlanetary files system 星际文件系统 IPFS 的去中心化网络上存储数据的解决方案。请参阅： https://ipfs.io/ 了解更多信息。在IPFS中查找文件时，你要求网络查找将内容存储在唯一哈希后面的节点。来自IPFS自己的网站：