启动反应
启动反应
React JS 简介
必要的东西
- 视觉工作室代码
- 安装 节点.JS (LTS/稳定版)。
Linux 的节点安装
-
更新您的系统
apt-get 更新
-
下载卷曲
sudo apt install curl
-
使用 bash 安装节点
卷曲-fsSL https://deb.nodesource.com/setup_14.x |须藤 -E bash -
sudo apt-get install -y nodejs -
您的节点已成功安装,现在检查您的版本
节点--版本
创建你的第一个 React 应用程序
我们将创建一个 CRM。
-
登录
-
客户请求页面
-
主页
-
服务
-
关于
npx 创建反应应用 crm
运行你的第一个项目
npm 开始
目录结构
- 节点模块所有已安装的软件包都可以在这里找到
- 公开的Index.html 1. 主文件 2. 我们需要公开的所有文件
- src a.反应应用 B.我们在源代码 [components/store] 中完成所有工作
- package-lock.json 一个。所有依赖关系的树,例如我们的 1 库依赖于这个文件中的其他一些库,我们拥有所有的树结构。
- package.json 一个。我们在系统中安装的所有版本的库。
为什么反应?
React.js 是一个开源 JavaScript 库,用于专门为单页应用程序构建用户界面。它用于处理 Web 和移动应用程序的视图层。 React 还允许我们创建可重用的 UI 组件。 React 最初是由为 Facebook 工作的软件工程师 Jordan Walke 创建的。 React 于 2011 年首次部署在 Facebook 的新闻源上,并于 2012 年部署在 Instagram.com 上。
React 允许开发人员创建可以更改数据的大型 Web 应用程序,而无需重新加载页面。 React 的主要目的是快速、可扩展和简单。它仅适用于应用程序中的用户界面。这对应于 MVC 模板中的视图。它可以与其他 JavaScript 库或框架组合使用,例如 MVC 中的 Angular JS。
React.js 属性包括以下内容
- React.js 是声明式的
- React.js 很简单
- React.js 是基于组件的
- React.js 支持服务器端
- React.js 很广泛
- React.js 很快
- React.js 易于学习 在这里了解更多
React 应用的流程
-
主文件 = src/index.js
const root = ReactDOM.createRoot(document.getElementById('root'));
-
加载应用程序的 Index.js 文件我们在这部分代码中渲染所有组件。
根.渲染(
<React.StrictMode>
</React.StrictMode>
);
src/App.js 文件来编写我们的应用程序逻辑
函数应用程序(){
返回 (
<div className="App">
</div>
);
}
GitHub链接: https://github.com/SohaibAnwaar/ReactTraining
联系链接: www.sohaibanwaar.com
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通