React作为前端框架的后起之秀,凭借其在构建SPA上的出色表现,正吸引着大量前端开发者深入研究。目前包括Strikingly、杭州大搜车在内的越来越多企业已在实际开发中探索、应用React。
目前有关React的学习资源满天飞,零散且良莠不齐。面对它们,初次接触React的开发者往往迷茫且无从下手。如何快速入门,逐步展开系统化学习,是他们最大的需求,也是领域开发高手被问到的最多的一个问题。
为此,React知识库诚邀蚂蚁金服前端工程师林展新绘制了React知识图谱,帮忙开发者首先全局了解该技术领域。在此图谱基础上,又诚邀多位领域专家、开发高手担任特邀编辑,从海量数据中层层筛选、分类,提取出详解各个核心技术点的精华内容和资源(学习视频、实践Demo、图书),引导开发者掌握关键开发细节,循序渐进,不断深入。
React知识库一瞥
下面精选了React知识库中的部分内容,详解了该框架部分核心技术点。全方位、更深入了解React,可访问React知识库。
深入理解React 核心语法:JSX
文章摘要:JSX是一种类XML语言,全称JavaScript XML。它可让代码可读性更高、语义更清晰及对React元素进行抽象等。它是React的一大亮点。本文系统地讲解了JSX,包括基本原理、使用方法及注意事项。
学习React,所必须了解的组件Key
文章摘要:根据组件上设定的Key属性,React生成该组件唯一的标识。Key改变了,React才会更新组件,否则重用该组件。本文通过具体代码示例,引导你深入了解组件Key。
React组件生命周期详述
文章摘要:React组件即一个状态机,可接受两个输入参数this.props和this.state,返回一个虚拟DOM。组件的生命周期分为多个阶段,每个阶段都有若干个回调函数响应不同的时刻。本文将重点介绍这些函数的使用方法。
React中ClassSet的用法
文章摘要:ClassSet是一个简洁的工具,用于简单操作DOM中的class字符串。本文带你了解如何使用ClassSet,为一个DOM节点指定多个不同的class。
探秘React Flux架构
文章摘要:Flux是Facebook用来构建客户端Web应用的应用架构。它利用单向数据流的方式组合React中的视图组件。开发者不需要太多的新代码就可以快速上手Flux。本文带你一起探秘Flux架构。
轻松入门React Webpack
文章摘要:Webpack为前端资源加载和打包工具,只需要相对简单的配置就可提供前端工程化需要的各种功能。很多React项目都在使用Webpack,它已成为最主流的React开发工具。本文带你一步步轻松学习使用 Webpack管理、打包React应用。
React服务器端渲染
文章摘要:React提供了两个方法renderToString和renderToStaticMarkup来将组件(Virtual DOM)输出成HTML字符串,这是React服务器端渲染的基础,它移除了服务器端对于浏览器环境的依赖,让服务器端渲染成为一件有吸引力的事情。本文带你一探React服务器端渲染的关键技术及运作流程。
从React Router谈谈路由的那些事
文章摘要:React Router是专为React设计的路由解决方案,使用React开发SPA(单页应用)项目时,均需路由功能,而React Router是目前使用率最高的路由。本文将和你聊聊React Router的那些事。
Redux之combineReducers(reducers)详解
文章摘要:本文主要介绍Redux框架中的一个重要方法combineReducers(reducers)。combineReducers的作用是把一个由多个不同Reducer函数作为Value的Object,合并成一个最终的Reducer函数,之后便可对Reducer调用createStore。
React在ES6中的用法
文章摘要:React已将ES6默认为首选标准。本文通过具体案例,分享如何在React中写出符合ES6标准的代码。
相关领域知识库推荐
AngularJS知识库:http://lib.csdn.net/base/angularjs
Node.js知识库:http://lib.csdn.net/base/nodejs
JavaScript知识库:http://lib.csdn.net/base/javascript
更多内容请关注CSDN知识库。截止发文时,CSDN已发布30多个技术领域知识库,每个知识库包含了专家精心绘制的知识图谱,及由特邀编辑(领域专家)从海量数据中层层筛选出的精华内容和资源(学习视频、实践Demo、图书)。
还没有评论,来说两句吧...