1. 创建 react 项目 npx create-react-app my-app 2. src 目录下删除 除了 index.js index.css app.js 的文件 3. 引入 styled-components 样式组件 yarn add styled-components 4. 修改 index.css 改名为 style.js 并书写 style.js 写入 reset.css #style.js import { createGlobalStyle } from 'style…

详见文章<React简书开发实战课程笔记>…

1.. 建立git项目  ( 码云, github 都可以 ), 具体步骤: https://www.cnblogs.com/andy-lehhaxm/p/10720717.html 1.1  git 和  项目 关联:  git   remote   add  origin   gti@gitee.com/CMCC_10086/reactJianShu.git  ( git  remote add  origin  单词顺序不能错 ) 1.2  再 git  add  . --> git  c…

开发项目之前的准备 https://www.chromefor.com/  登录此网站 下载相关crx react插件 不然要FQ 下载 React Developer Tools 谷歌插件下载 Redux DevTools 插件 npm install axios  // 安装axios npm install --save styled-components  安装 css.js npm install react-transition-group --save 安装动画插件 npm ins…

create-react-app   jianshu yarn add styled-components -D       利用js写css样式  样式会更高效 https://github.com/chochinlu/blog/issues/126 https://blog.csdn.net/weixin_43801564/article/details/86713318     关于全局样式  原方法淘汰替代的语法 -:)>>>>>为样式生成唯一的 class name…

1. 访问 iconfont 并注册 登陆 2. 进入 iconfont 头部 图标管理->我的项目 3. 点击右边的文件夹 + 号 图标 创建我的项目 输入项目名称即可 4.在 搜索框 搜索 '放大镜' 三个字 5.找到合适的图标 点击添加入库 6.点击右上角的购物车 -> 添加到项目 选择 项目 7.点击下载到本地 并解压 8. 将解压后的文件 放到 src 下的 statics 下的 iconfont 文件夹内 9. 删除原有的 iconfont.js 将文件夹内的 iconfont.c…

1. src 下的 common 下的 header 创建 store 文件夹 下创建 reducer.js # src/common/header/store/reducer.js const stateDefault = { focused : false }; export default (state = stateDefault, action)=>{ if(action.type === 'focus' || action.type === 'blur'){ const newSta…

1. 添加动态效果组件 yarn add react-transition-group 2. 修改 src/common/header/index.js import React, {Component} from 'react'; import {CSSTransition} from 'react-transition-group'; import { HeaderWrapper, Logo, Nav, NavItem, SearchWrapper, NavSearch, Addtion,…

1. 在 src 下 创建 common 文件下 创建 header 文件夹下 创建 index.js #src/common/header/index.js import React, {Component} from 'react'; import {     HeaderWrapper,     Logo,     Nav,     NavItem,     NavSearch,     Addtion,     Button } from './style'; class Header…

注意配环境一定要全程使用稳定VPN工具,否则会浪费大量时间!!!相信我 一.截止到项目初始化之前也就是执行这条命令之前都按官网的方法就可以 https://reactnative.cn/docs/getting-started.html react-native init AwesomeProject 二.上面这条命令可别用 不知道有没有人注意到官网上这个话 提示:你可以使用--version参数(注意是两个杠)创建指定版本的项目.例如react-native init MyApp --vers…