react 入门教程 reactjs教程

来自一位react新手的react入门须知

1、react 就是最全面的react脚手架 react native是专门写移动app的。

2、jsx语法 组件 元素渲染 props 生命周期和state 事件 React主要是用于构建用户界面的 JavaScript 库，实现单页面应用。

3、我在给别人介绍 React 的过程中得出这样的一个结论：React 完全是关于 JavaScript 的。而且，有很多材料是关于 JavaScript 而不是 React。

4、JSX介绍 ①定义 JSX=JavaScript XML，是一种在React组件内部构建标签的类XML语法。React在不使用JSX的情况下一样可以工作，但是使用JSX可以提高组件的可读性，增强JS语义，结构清晰，抽象程度高，代码模块化。

5、本专栏将按照这个思路带领你从Vue0入门React17。 首先得选择一个脚手架搭建一个React工程，React有很多脚手架，为什么选择UmiJS这个脚手架，不为什么，这个脚手架和Vue Cli比较类似，至少路由配置和Vue Router很类似。

6、React 提供了一个 ESlint 插件，专门用来检查 Hooks 是否正确被使用。useState 的入参也可以是一个函数。

react.js怎么实现刷新当前页面?

js 页面刷新 让页面进行刷新，可以使用 location.reload() 方法，但是这种方法会让页面一直不断的刷新。

将innerHTML所在的方法用一个单独的函数写出来，然后需要时再调用。

HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，location.reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。如果要强制刷新当前页面，请将参数设置为 true。

在React项目中如何使用Redux(详细教程)

注意：如果是刚使用create-react-app创建的，需要运行 npm run eject弹出个性化设置，这样就可以自定义配置了。

一般在react中不仅仅利用redux，还利用到react-redux：react-redux这里也不细说。

一般可以用 switch(action.type) 来处理，无副作用使用react-redux提供了connect和Provider。

路由权限控制类在这个方法里面，通过sessionStorage判断是否登录了，如果没有登录，就保存一下当前想要跳转的路由到redux里面。然后跳转到我们登录页。

如何用reactjs构建一个完整的前端页面

1、先把页面拆分成足够小的模块，比如列表项，比如菜单项。然后一层层包装成组件，元素，页面等等。你可以在之前设置好id啥的，绑定事件啥的也都没问题。React自己有单向数据流，控制好数据更新也基本没啥问题。

2、这里利用React-router做路由，同时也会根据用户角色，做权限处理；只有当角色和路由允许的角色一致时才可以访问和展示。

3、npm run build // 构建npm run styleguide // 文档开发npm run styleguide：build // 文档打包组件库作为项目的最小力度支持，我们需要保证其最基本的渲染效率，因此我们采用pure-render/autobind等对其进行基本的优化。