react.js

UXCore:从企业系统而来,为了更多的企业系统

UXCore:从企业系统而来,为了更多的企业系统0. 为什么我们需要 UXCore?UXCore 是一个基于 React 的 PC UI 套件库,兼容 IE8+。http://uxco.re/阿里巴巴信息平台是负责整个阿里巴巴集团智能办公系统的团队,涉及非常多的企业业务系统,包括薪酬、人力、财务、行政、IT 等等,在这些系统中产生了大量的表格、表单和图表的交互场景,这里面有

Elm入门实践——进阶

在之前我们介绍了Elm的基础和类型,并且在Elm的在线编辑器中实现了一个Counter,代码如下:import Html exposing (..)import Html.Events exposing (onClick)import Html.App as Apptype alias Model = Inttype Msg = Increment | Decrementu

在 React 项目中使用 React-intl 实现多语言支持

组件替代,最后通过简单的配置实现语言的国际化,那我们就用React-intl吧。注意:本文说的是用法,源码我也没有拜读过,太深的东西去github给作者留言吧。 包裹在需要语言国际化的组建的最外层,为包含在其中的所有组建提供包含id和字符串的键值对。(如:"homepage.title":"Hommily";)日期时间a. 用于格式化日期,能够将一个时间戳格式化成不同语言

React-native 开发培训免费书

近期为团队内部培训 React-native 制作的课件,系统化了大纲,放上全部参考资料,内容不断更新中,培训的目的是掌握 React-native 开发 App. 到时可能会放上视频。同学们可以依据大纲自学,也欢迎更多同学参与编辑 :)https://www.gitbook.com/book/unbug/react-native-training/detailsIntro

精益 React 学习指南 (Lean React)- 1.6 Flu

书籍完整目录1.6 flux这一节将介绍 React 的核心应用架构模式 Flux,包括内容:Flux 介绍MVC 架构之痛Flux 的理解Flux 相关库和工具介绍Flux 与 React 实例最后我们将会把之前的 TODOMVC 改为 Flux 的架构。1.6.1 Flux 介绍简单来讲,Flux 是 Facebook 引入到 React 中的一种前端架构,通过定义其核

React state与props学习笔记

组件的状态与属性组件本质上是状态机,输入确定,输出一定确定。组件把状态与结果一一对应起来,组件中有state与prop(状态与属性)。属性(props)是由父组件传递给子组件的;状态(state)是子组件内部维护的数据,当状态发生变化的同时,组件也会进行更新。当状态发生转换时会触发不同的钩子函数,从而让开发者有机会做出相应。props属性的用法键值对:值可以有多种形式:字符

“React中的DOM操作”笔记

React中的每一个组件都是一个状态机,通常情况下,我们通过设置组件的状态就可以完成UI的更新,但是在某些情况下确实需要直接操作DOM。React中操作DOM的方法:RefsfindDOMNode()findDOMNode()当组件加载到页面上之后(mounted),你就可以通过 getDOMNode() 方法拿到组件对应的 DOM 元素。React.findDOMNode

koa 实现 react-view 原理

在之前我们有过一篇『React 同构实践与思考』的专栏文章,给读者实践了用 React 怎么实现同构。今天,其实讲的是在实现同构过程中看到过,可能非常容易被忽视更小的一个点 —— React View。React View每一个 BS 架构的框架都会涉及到 View 层的展现,Koa 也不例外。我们在做 View 层的时候有两种做法,一种是做成插件形式,对于 View 来说

[译] 前端攻略-从路人甲到英雄无敌二:JavaScript 与不断演化的框架

本文翻译自FreeCodeCamp的from-zero-to-front-end-hero-part。继续译者的废话,这篇文章是前端攻略-从路人甲到英雄无敌的下半部分,在上半篇中介绍了HTML与CSS的基础知识,在这里就主要介绍JavaScript与各种各样的前端框架。再安利一波笔者的我的前端之路笔者一直觉得不断变革的前端永远充满活力与激情,但是,哪有那么多激情燃烧的岁月,