首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏carven

    reactjs

    react js 最近在学习react js,ReactJS是Facebook开发的用于构建用户界面的JAVASCRIPT库,利用其可以实现组件式开发。 JSX 虽然JSX不是ReactJS所必须的,但是使用jsx无疑可以加快React的组件开发速度 所需文件 我们大概清楚我们开发ReactJS需要的文件的, 首先的官方所需的react.js 和 react-dom.js

    1.7K00发布于 2018-08-08
  • 来自专栏Ryan Miao

    Hello ReactJS

    Hi ReactJS

    ); } } 1.2.5 添加html-webpack-plugin 前面配置了html-webpack-plugin,这里还需要加载依赖文件

    1.6K70发布于 2018-03-13
  • 来自专栏IMWeb前端团队

    isomorphic reactjs

    要做到这件事,有几件事情必须要解决: 抽象 路由 获取数据 视图渲染 自动构建打包 三、 Isomorphic reactjs 基于这个思想,有人提出使用reactjs来进行直出,大致看下是怎么做的。 不过自己去做工作量就有些了,而且容易出问题 那用reactjs可以怎么搞? http://reactjsnews.com/isomorphic-javascript-with-react-node/ 看来又有人干了这件事情,思路类似,reactjs实现的原理是:使用react.renderToString <script src="/main.js"></script> </body> </html> 具体看个例子 https://github.com/ouvens/Isomorphic-reactjs

    3.2K30发布于 2019-12-03
  • 来自专栏IMWeb前端团队

    isomorphic reactjs

    要做到这件事,有几件事情必须要解决: 抽象 路由 获取数据 视图渲染 自动构建打包 三、 Isomorphic reactjs 基于这个思想,有人提出使用reactjs来进行直出,大致看下是怎么做的。 不过自己去做工作量就有些了,而且容易出问题 那用reactjs可以怎么搞? http://reactjsnews.com/isomorphic-javascript-with-react-node/ 看来又有人干了这件事情,思路类似,reactjs实现的原理是:使用react.renderToString <script src="/main.js"></script> </body> </html> 具体看个例子 https://github.com/ouvens/Isomorphic-reactjs

    2.3K50发布于 2017-12-29
  • 来自专栏进击的君君的前端之路

    ReactJS简介

    1、ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。 2、ReactJS的背景和原理 在Web开发中,我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作。 JSX 会将引号当中的内容识别为字符串而不是表达式 5、ReactJS组件 组件可以将UI切分成一些的独立的、可复用的部件,这样你就只需专注于构建每一个单独的部件。 ReactJS是基于组件化的开发,React 允许将代码封装成组件(component),然后像插入普通 HTML 标签一样,在网页中插入这个组件: function Welcome(props) { 6、ReactJS小结 ReactJs是基于组件化的开发,所以最终你的页面应该是由若干个小组件组成的大组件。

    5.1K40发布于 2018-06-27
  • 来自专栏Java学习网

    ReactJS学习(二)

    2.2、ReactJS简介 官网:https://reactjs.org/ 官方一句很简单的话,道出了什么是ReactJS,就是,一个用于构建用户界面的JavaScript框架,是Facebook开发的一款的 ReactJS把复杂的页面,拆分成一个个的组件,将这些组件一个个的拼装起来,就会呈现多样的页面。ReactJS可以用于 MVC 架构,也可以用于 MVVM 架构,或者别的架构。 ReactJS圈内的一些框架简介: Flux Flux是Facebook用户建立客户端Web应用的前端架构, 它通过利用一个单向的数据流补充了React的组合视图组件,这更是一种模式而非框架。

    4.8K10编辑于 2023-01-05
  • 来自专栏乱码李

    ReactJS 学习——组件

    ReactJS 组件 React 提倡组件化的开发方式,每个组件只关心自己部分的逻辑,使得应用更加容易维护和复用。 React 还有一个很大的优势是基于组件的状态更新视图,对于测试非常友好。

    1.5K20发布于 2021-11-26
  • 来自专栏Java学习网

    ReactJS学习(四)

    组件是React中最重要也是最核心的概念,一个网页,可以被拆分成一个个的组件, 像这样:

    1K20编辑于 2023-01-06
  • 来自专栏乱码李

    ReactJS 学习——入门

    ReactJS 简介 React 首次被提出是在2014年的 F8 大会上,当期的主题为 “Rethinking Web App Development at Facebook”,这也是 React 名字的由来 ReactJS 原理 Web 开发的最终目的是把数据反映到 UI 上,这时就需要对 DOM 进行操作,复杂或者频繁的 DOM 操作通常是性能瓶颈产生的原因。 ReactDOM.render( <WebSite name="Leo" site="https://lz5z.com" />, document.getElementById('root') ); 最后 ReactJS

    2K40发布于 2021-11-26
  • 来自专栏柠檬先生

    Reactjs 入门基础(一)

    实例中我们引入了三个库: react.min.js 、react-dom.min.js 和 browser.min.js:   1,react.min.js -React 的 核心库   2,react-dome.min.js - 提供与DOM 相关的功能。   3,browser.min.js 用于将JSX 语法转化为JavaScript 语法。    ReactDOM.render(       

    Hello, world!

    ,       document.getE

    2.4K90发布于 2018-01-22
  • 来自专栏Java学习网

    ReactJS学习(三)

    umi-plugin-react插件是umi官方基于react封装的插件,包含了13个常用的进阶功能。

    1.3K30编辑于 2023-01-05
  • 来自专栏Java学习网

    ReactJS学习(一)

    在第一个阶段中前端页面都是静态的,所有前端代码和前端数据都是后端生成的。前端只是纯粹的展示功能,js脚本的作用只是增加一些特殊效果,比如那时很流行用脚本控制页面上飞来飞去的广告。

    99720编辑于 2023-01-05
  • 来自专栏JavaEdge

    ReactJS Hook之useState

    在 class 中,我们通过在构造函数中设置 this.state 为 { count: 0 } 来初始化 count state 为 0:

    1K20发布于 2021-03-18
  • 来自专栏纪俊的专栏

    Reactjs vs. Vuejs

    表单在 React 中的蛋疼之处 React 和 Vue 如何拿 input 的 value,先上代码 Reactjs class Demo extends React.Component{ constructor $on('minus', function(){ self.count-- }) } }) Vue.component('Count', Count) Reactjs let Reactjs 和 Vuejs 都是伟大的框架!

    6.9K00发布于 2017-05-02
  • 来自专栏乱码李

    ReactJS 学习——组件2

    注意上面代码中的 key,它是一个 string 类型的属性,在创建 lists 元素的时候,你需要添加这个属性,如果不添加会有 warning。

    97010发布于 2021-11-26
  • 来自专栏张善友的专栏

    初探ReactJS.NET 开发

    ReactJS通常也被称为"React",是一个刚刚在这场游戏中登场的新手。它由Facebook创建,并在2013年首次发布。 开发ReactJS可以用一般JS 库,也可以通过类似XML的JSX编写方式去开发。官方网站 http://reactjs.net/ ,已经可以支持ASP.NET 5 ! 我们参照入门教程(http://reactjs.cn/react/docs/getting-started.html),首先我们创建一个空的ASP.NET MVC 4项目,可以通过Nuget去安装ReactJS.NET " />, document.getElementById('content') ); 上面是简要演示了使用ReactJS.NET, 进一步的请参考官方网站 http://reactjs.net / 的文档,后续继续学习ReactJS

    4.1K50发布于 2018-01-19
  • 来自专栏w候人兮猗的博客

    Create Dynamic theme with antd and reactjs

    由于业务需要,在用蚂蚁金服antd组件库时需要设置两种主题色动态切换。在这里踩了一些坑,觉得有必要写一篇水文记录一下。

    1.5K10发布于 2020-07-01
  • 来自专栏jeremy的技术点滴

    前端ReactJS技术介绍

    这种双向绑定功能一般借助于ReactJS、VueJS、AngularJS之类的UI框架。 ReactJS介绍 简介 React (有时叫 React.js 或 ReactJS) 是一个为数据提供渲染为 HTML 的视图的开源 JavaScript 库。 学习一次,到处都可以使 React并没有依赖其它的技术栈,因此可以在老旧项目中使用ReactJS开发新功能,不需要重写存在的代码。 ReactJS在老旧项目中的应用 限制 要与现有前端页面技术无缝衔接 没有前端编译工具 没有前端模块依赖工具,全凭script标签引入 目前的方案 将常用的JS库文件(ReactJS库、组件库、工具库) 一起使用script标签引入 将用ReactJS书写的代码保存在单独的文件里 使用babel在前端实时将ES6的ReactJS代码编译为ES5(这个导致页面初次渲染更慢了) 比如一个实际的例子: test.jsp

    6.9K40发布于 2018-05-10
  • 来自专栏柠檬先生

    Reactjs 入门基础(三)

    State 和 Props 以下实例演示了如何在应用中组合使用 state 和 props 。我们可以在父组件中设置 state, 并通过在子组件上使用 props 将其传递到子组件上。 在 render 函数中, 我们设置 name 和 site 来获取父组件传递过来的数据。 Props 验证 Props 验证使用 propTypes,它可以保证我们的应用组件被正确使用,React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。 当向 props 传入无效数据时,Ja

    3.5K90发布于 2018-01-22
  • 来自专栏柠檬先生

    Reactjs 入门基础(二)

    如果我们需要向组件传递参数,可以使用 this.props 对象,实例如下:   <body>     

        <script type="text/babel">       var HelloMessage = React.createClass({         render: function() {           return

    H

    92670发布于 2018-01-22
  • 领券