1.React学习笔记----基础模板创建+远程仓库建立

最新推荐文章于 2024-03-15 23:55:47 发布
最新推荐文章于 2024-03-15 23:55:47 发布
阅读量364 收藏
点赞数
分类专栏： 前端 文章标签： reactjs javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kikock/article/details/104496514
版权

React学习笔记

1. 下载基础模板项目(nodejs安装,create-react-app模块安装,git安装略)

在当前文件夹创建一个react模板项目 react-admin

create-react-app react-admin
在这里插入图片描述

ps: 运行时出现下图错误

在这里插入图片描述
解决: 跟目录下添加.env 配置文件忽略版本差异
在这里插入图片描述

2. 运行打包项目

首先安装serve模块(使用频繁 添加到全局模块中)
`npm install -g serve`
运行打包的项目 (serve 项目文件夹)
`serve build`

3. 为了将代码托管到github

git 常用基本命令
* git config --global us
最低0.47元/天 解锁文章
kikock
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react仓库
QZ9420的博客
01-06 475
定义一个仓库并且使用： const createStore = (state, changeState)=>{ return { // 返回的对象就可以称为一个仓库 } } // 使用之 let store = createStore(); // 创建一个仓库 获取并且初始化状态： const createStore = (state, changeState)=>{ c
React学习（三)——redux（一）安装与创建仓库
幼儿园园长
12-08 233
1、安装 npm install --save redux // or yarn add redux 2、创建仓库 store是唯一的 只有store能够改变自己的内容 Reducer必须是纯函数 (纯函数：给固定的输入，就一定会有固定的输出，而且不会有任何副作用) 1、在src目录下创建一个store文件夹,然后在文件夹下创建一个index.js文件。index.js就是整个项目的store文件。 // src\store\index.js import { createStore } from
React中使用Redux仓库管理工具
最新发布
qq_25972233的博客
03-15 266
提交action传参实现需求 在reducers的同步修改方法中添加action对象参数，在调用actionCreater的时候传递参数，参数会被传递到action对象payload属性上。执行store模块中导出的actionCreater方法。2.组件中使用哪个hook函数获取dispatch方法?1.组件中使用哪个hook函数获取store中的数据?3.如何得到要提交action对象?1.通过命令行工具创建一个react的项目。2.redux的配置工具介绍。安装依赖完成以后的具体步骤,
【React】状态管理仓库 原生\封装\第三方
qq_61834461的博客
07-09 628
状态管理仓库 原生\封装\第三方
react-native-v8：React Native Android的可选V8运行时
02-05
用V8 Runtime响应本机 该项目的目的是为React Native支持V8运行时。 作为选择加入的软件包设计，它应该易于与现有的React ...0.60.1 。 以下步骤将以0.60.0为例。 安装react-native-v8 yarn add ' react-native
react-antd-admin-template：一个基于React + Antd的后台管理模版，在线预览https：nlrx-wjc.github.ioreact-antd-admin-template
02-05
是一个基于React和Ant Design的后台管理系统模板。它内置了用户登录/登出，动态路由，权限重置，用户管理等典型的业务模型，可以帮助您快速构建企业级中后台产品原型，是你接私活的不二之选。 本系统的开发灵感来自 ...
react-native-push-notification：React本机本地和远程通知
02-02
React本机推送通知 React适用于iOS和Android的本机本地和远程通知 :party_popper: 版本7.x上线了！ :party_popper: 在CHANGELOG中查看更改和迁移：支持项目维护该项目需要时间。 为了分配时间，您可以给我买一杯咖啡...
React-Redux-Node-Mongodb：使用以下技术的模板项目：React.js-Redux-Node.js-Mongodb-Webpack
02-04
React-Redux-Node-Mongodb是一个易于自定义的模板项目，用于使用以下技术启动新的专业项目： React Redux 节点 Mongodb Webpack 要求 节点 Mongodb npm 如何使用？ 只需克隆或下载项目。 删除.git目录（如果...
react-vtkjs-viewport:React 中的 VTK.js 图像视口组件
07-24
React-vtkjs-视口用于 React 的 VTK.js 图像视口组件安装该项目使用vtk.js作为 ES6 依赖项。 # With NPMnpm install --save react-vtkjs-viewport vtk.js# With Yarnyarn add react-vtkjs-viewport vtk.js发展本地...
React中使用 react-toolkit和react-redux 创建redux仓库（一）
weixin_46022934的博客
04-03 666
系列文章目录 前言 一、第一步：安装reduxjs/toolkit和react-redux 1. 创建一个react项目 2.执行下面的npm命令 npm命令代码如下： 检查依赖安装是否success 二、第二步：创建仓库 1.创建仓库的具体流程如下 2.创建文件结构（可根据自己认识创建文件） 3.创建一个Promise模拟network（mockUserInfoFetchData.js） 代码如下(这里就不做code解释了) 4.createSlice创建reducer并导出Action和reducer（
react Redux 用Redux中央仓库实现一个todolist
小羽向前跑
09-19 423
Redux简单介绍 Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用（SPA）开发日趋复杂，JavaScript需要管理比任何时候都要多的state（状态），Redux就是降低管理难度的。（Redux支持React，Angular、jQuery甚至纯JavaScript） ReduxDevTools插件Redux调试工具...
react项目实战(1)-基础框架搭建
软工二班秦同学的博客
10-07 397
react项目实战-基础架构搭建
Git仓库初始化和仓库管理(本地和远程)
white1148的博客
07-25 413
学习视频
[git].gitignore使用及模板
qq_41604569的博客
09-30 8790
.gitignore配置模板
git 拉取远程分支到本地
hahahhahahahha123456的博客
07-02 242
步骤： 1、新建一个空文件，文件名为hhhh 2、初始化 git init 3、自己要与origin master建立连接（下划线为远程仓库链接） git remote add origin git@github.com:XXXX/nothing2.git 远程仓库链接在github这里，如下图红色框内所示的链接： 输入命令： 4、把远程分支拉到本地 git fetch origin dev（dev为远程仓库的分支名） 下图红色勾选的为可使用的分支名 下面拉取远程的develo...
Git:从创建项目到推送到远程仓库的完整步骤（以react项目为例）
m0_52364694的博客
10-08 468
一、使用react脚手架创建项目 create-react-app 项目名 二、提交到本地仓库 git add . git commit -m 'create a new project' 三、将本地仓库与远程仓库绑定 git remote add 远程仓库名字 远程仓库地址 四、本地代码推送到远程仓库 git push -u 远程仓库名 要推送的分支名（一般为master） 如果弹出账号密码输入框，账号为你的gitee账号，密码为你的gitee账号密码 ...
React 三大仓库（Dva 、mobx 、Redux）
ZhaoYulin6的博客
02-20 1984
Dva:数据状态管理库 mobx：响应式管理 Redux:函数式管理 1.Dva详解 1.使用dva脚手架（dva-cli）快速构建React项目 npm install -g dva-cli 2.定义model 先设计 model 设计 component 连接两者（model 和 component） 2.1 dva 通过 model 的概念把一个领域的模型管理起来，包含同步更新 state 的 reducers，处理异步逻辑的 effects，订阅数据源的 subscriptions 。 .
GIT远程仓库的两种操作
借风拥你
11-29 811
一、远程克隆仓库 环境说明： 角色 IP git服务端 192.168.0.106 git客户端 192.168.0.107 git客户端1 192.168.0.108 1.发布仓库 ​    在服务端先发布仓库 [root@localhost ~]# cd /data/ [root@localhost ~]# cd /data/ [root@localhost data]# mkdir base
React Native 学习资源精选仓库
大灰狼的小绵羊哥哥的博客
10-12 2944
《React Native Awesome》这里fork过来的，汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等，只求精不求全。因后面无法 Pull requests 所以增加了居多资源，比如：一起踩坑、 音视频相机、图形动画...，比原项目内容更丰富 。https://juejin.im/entry/59dd786cf265da431d3ba6e3
react native入门-react navigation 5.x+react-native-vector-icons
09-15
React Navigation是一个与React Native一起使用的流行的导航框架。它提供了一种简单且强大的方式来管理React Native应用程序的导航功能。React Navigation 5.x是React Navigation的最新版本，它引入了一些重要的改进...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值