![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React框架实战
文章平均质量分 88
无处安放的波澜
全栈工程师,技术总监
展开
-
React编程-路由配置(六)
路由配置 在开发中如果你接触到node或者vue那肯定听到过路由的概念,如果对这个概念理解不够本节就继续给大家讲解路由的概念,以及react中路由的配置和使用。 路由器在生活中经常出现,路由器的功能用一句话概括就是:数据从一个网络到另一个网络就是靠路由来完成的[当然路由器的功能不仅仅于此]。 我们说的程序开发中的路由不是指路由器和网络协议中的路由,但是基本思想是一样的。而路由又可以分为前端路由和后端路由。 接下来我们用一个流程图来给大家介绍路由的概念:后端路由 在学习nodejs开原创 2021-05-10 17:04:41 · 344 阅读 · 0 评论 -
React编程-组件开发(五)
React组件组件的概念 在VUE中涉及到了组件的概念,在react中也是一样的概念。在传统的项目中,我们的页面都是以html的形势来进行开发,但是有很多内容是可以复用的,比如网站的头部和尾部,此刻我们就可以将这些内容抽取为组件,在任何一个页面中都可以复用这样就能达到代码的的复用。 组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。本指南旨在介绍组件的相关理念。 React最强大的地方也是组件的开发,React按照可复用组件的概念来设计的。定义一个个的小组件,然后原创 2021-05-10 16:15:39 · 199 阅读 · 0 评论 -
React编程-JSX核心概念(四)
JSX语法介绍在我们的模板代码中,我们会发现有一段代码比较特殊ReactDOM.render( <h1>欢迎来到蜗牛学院</h1>, document.getElementById('root')); 在js文件中,我们是无法直接写标签的,当然你可以使用引号括起来表示字符串的意思,但是在react中我们可以直接将html模板写在js文件中,这种语法我们成为jsx语法。什么JSX? JSX=JavaScript+XML,可以说是JavaScript的一种扩原创 2021-05-10 15:11:44 · 133 阅读 · 0 评论 -
React编程-开发项目搭建(三)
React的入门案列通过前面的学习,我们大概了解了虚拟DOM,和diff算法所带来的性能优化。接下来我们就开始搭建我们的入门程序,本教程我们先从最基本的js文件引入开始搭建项目,后续再引入脚手架的方式来学习。安装React的包第一步:npm install react --save 或者npm i react -S第二步:npm install react-dom --savenpm i react-dom -S第三步:npm install babel-standalone原创 2021-04-28 21:40:16 · 755 阅读 · 0 评论 -
React编程-入门概念(一)
React的入门案列通过前面的学习,我们大概了解了虚拟DOM,和diff算法所带来的性能优化。接下来我们就开始搭建我们的入门程序,本教程我们先从最基本的js文件引入开始搭建项目,后续再引入脚手架的方式来学习。安装React的包第一步:npm install react --save 或者npm i react -S第二步:npm install react-dom --savenpm i react-dom -S第三步:npm install babel-standalone原创 2021-04-28 21:34:37 · 190 阅读 · 0 评论 -
React编程-yarn包管理器(二)
React入门概念基本概念 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 由于 React的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。 这个项目本身也越滚越大,从最早的UI引擎变成了一整套前后端通吃的 We原创 2021-04-28 21:22:09 · 285 阅读 · 0 评论