react学习笔记_01

wherethereisawill,thereisaway! wherethereisawill,thereisaway!     2022-09-30     128

关键词:

使用Facebook的create-react-app快速构建React开发环境

前言:

create-react-app:来自Facebook官方的零配置命令行工具

create-react-app是来自于Facebook出品的零配置命令行工具,能够帮你自动创建基于Webpack+ES6的最简易的React项目模板,有助于初学者快速上手实践。安装create-react-app的方式也非常简单,可以直接使用npm命令进行全局安装。

npm install -g create-react-app

create-react-app my-app
cd my-app/
npm start

执行完上述命令之后,你可以直接打开http://localhost:3000,即可以看到你React APP的运行效果。此时也是处于开发模式下,如果你要进行发布,则使用npm run build进行编译。  

 

create-react-app生成的目录格式如下所示:

my-app/
  README.md
  index.html
  favicon.ico
  node_modules/
  package.json
  src/
    App.css
    App.js
    index.css
    index.js
    logo.svg

如果你是使用npm start来启动配置,那么自动会进入开发模式,此时热替换是处于自动激活状态,你也可以实时地在界面或者命令行中看到错误提示:

如果你使用npm run build来编译得到生产环境,此时代码会被编译到build目录下,此时会自动将整个应用打包发布,它会自动使用Webpack控件进行优化与压缩。  

 

01_hadoop学习笔记内容说明

Hadoop学习笔记内容说明_001、 观看云帆大数据梦琪老师的《企业级Hadoop1.x应用开发基础课程》2014年4月左右版本。2、 博客是在梦琪老师的随堂笔记上改动的,方便的是自己以后回顾学习,也或许能给需要改方面帮助的同... 查看详情

java学习笔记day_01

Java学习笔记(复习整理)虽然不知道该怎么写,但是不起步就永远不知道该怎么做。.刚开始可能会写的很差劲,但会一点一点变好的。本笔记是以我按照传智播客的视频和Java核心思想来学习,前面的基础部分主要是用于个人的... 查看详情

hive编程指南_学习笔记01

第四章:HQl的数据定义1:创建数据库 createdatabasefinancials; createdatabase ifnotexistsfinancials;2:查看数据库 showdatabases;  模糊查询数据库 showdatabaseslike‘h.*‘;3:创建数据库改动数据库的默认位置 &nbs 查看详情

ase学习笔记_01_mask

【ASE学习笔记】_01_Mask前言:本期使用到的材质类型是无光照类型实现效果:最终结点图实现思路:1.准备两张贴图,一张当做主体贴图,用于展现遮罩效果,另一张用于遮罩,以蝴蝶遮罩效果为例࿰... 查看详情

javascript_01--------学习笔记

  下面是花了几个小时总结的JavaScript的初级教程:JavaScript(简介)  定义:是一种脚本语言     是一种轻量级的编程语言  用途:1.嵌入动态文本于HTML页面;     2.对浏览器事件做出响应;      3.读... 查看详情

react笔记01-jsx

0.对于学习React,我们先来熟悉下JSX的语法,下面的这些语法仅用于构建一个组件的标签模块,定义完成之后如果需要做演示,请附加以下代码:ReactDOM.render(element1,document.body);即可完成标签的演示。1.普通的标签constelement1=<div&g... 查看详情

react学习笔记总结(代码片段)

文章目录1.React之props的使用2.React之对props进行限制3.React之props只读(知道修改在这是什么效果!)4.React之props简写方式5.类式组件中的构造器与props的注意事项6.函数式组件使用props7.类式组件字符串形式的refs属性8.React之回调形... 查看详情

react学习笔记总结(代码片段)

文章目录1.React之props的使用2.React之对props进行限制3.React之props只读(知道修改在这是什么效果!)4.React之props简写方式5.类式组件中的构造器与props的注意事项6.函数式组件使用props7.类式组件字符串形式的refs属性8.React之回调形... 查看详情

学习lua笔记_01(第一章开始)

作者:ayaoko出处:http://www.cnblogs.com/fyc006/>关于作者:小可才疏学浅还请多多赐教!本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出,原文链接如有问题,可邮件([email&... 查看详情

编写有效用例_阅读笔记01

...并不是很好,不然也不会迟迟未看下去。然而,耐着性子学习,却发现我们所学习的软件工程的相关课程,万变不离其宗,整个系统是一致的。换句话说,一个系统做下来,并不是单单一门课就可以解决的事,其间蕴含了所有学... 查看详情

ase学习笔记_01_mask

【ASE学习笔记】_01_Mask前言:本期使用到的材质类型是无光照类型实现效果:最终结点图实现思路:1.准备两张贴图,一张当做主体贴图,用于展现遮罩效果,另一张用于遮罩,以蝴蝶遮罩效果为例࿰... 查看详情

react学习笔记

1、React的一开始出发点是:用于开发数据不断变化的大型应用程序(Buildinglargeapplicationswithdatathatchangesovertime)2、生命周期图 查看详情

elasticsearch学习笔记filter与query

一.keyword字段和keyword数据类型  1、测试准备数据POST/forum/article/_bulk{"index":{"_id":1}}{"articleID":"XHDK-A-1293-#fJ3","userID":1,"hidden":false,"postDate":"2017-01-01"}{"index":{"_id":2}}{"articleID": 查看详情

react学习笔记1

前端学习笔记今天开始学习react.js特开这一篇随笔作为react的学习笔记,主要记录看到的重点内容和自己的心得感想:一.基本组件和方法1.reactjs引入了一个虚dom的概念,对于每一个dom点都会存在一个状态,如果这个dom上的属性发... 查看详情

react学习笔记总结(代码片段)

针对React拓展相关的学习。文章目录一.React项目打包二.React扩展之setState两种写法三.React扩展之lazyLoad(懒加载)四、React的stateHook五、React的EffectHook六、React的RefHook七、React的Fragment八、React的Context九、React的PureComponent1.Component组件... 查看详情

elasticsearch-学习笔记04java客户端操作索引库(代码片段)

Java后端-学习路线-笔记汇总表【黑马程序员】ElasticSearch-学习笔记01【ElasticSearch基本介绍】【day01】ElasticSearch-学习笔记02【ElasticSearch索引库维护】ElasticSearch-学习笔记03【ElasticSearch集群】ElasticSearch-学习笔记04【Java客户端操作索... 查看详情

elasticserach学习笔记-01基础概念

...人根据官方文档的翻译,能力有限、水平一般,如果对想学习Elasticsearch的朋友有帮助,将是本人的莫大荣幸。原文出处:https://www.elastic.co/guide/en/elasticsearch/reference/current/_basic_concepts.html ElasticSearch有几个核心概念,了解它们... 查看详情

react学习笔记之环境配置

   今天开始学习react环境配置,首先我们知道目前主流框架有三个,即:angular,react,vue,每个框架都有大量粉丝在用,并且每个框架都有自己的一套开发环境和提供的脚手架,今天我们学习一下react环境配置,为后续课程学习打... 查看详情