教你如何搭建一个超完美的 React.js 服务端渲染开发环境 – 前端 – 掘金
Github地址: https://github.com/chikara-ch… 目录 …
【译】2016 年 50 个最佳的轻量级 JavaScript 框架和库 – 前端 – 掘金
回顾今年已发布的 JS 框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费 JavaScript 插件和库,与大家分享。它们可不是臃肿的一站式框架,而是一些轻量级,并能够帮助你更快、更容易地进行网页设计与开发的实用型框架。 正如你期望的,文中的…
Chrome DevTools 官方文档 – 检查动画 – 前端 – 掘金
使用Chrome DevTools Animations(动画)检查器检查和修改动画。 TL;DR 通过打开Animation Inspector(动画检查器)捕获动画。它会自动检测动画并将它们分组。 通过减慢动画,重播动画,或查看源代码,…
React Native 模块之 Timers(定时器) 详解 – 前端 – 掘金
阅读本文大约需要3分钟 今天主要讲解Timers(定时器)模块,该部分在我们开发中是非常常用的。例如可以实现…
React 的 diff 算法 – 前端 – 掘金
原文: http://calendar.perfplanet.co…作者: Christopher Chedeau中文社区导航: http://nav.react-china.org React 是 Facebook 开发的构建用户界面…
实例讲解基于 React+Redux 的前端开发流程 – 阅读 – 掘金
前言:在当下的前端界,react 和 redux 发展得如火如荼,react 在 github 的 star 数达 42000 +,超过了 jquery 的 39000+,也即将超过前几年比较火的angular 1 的 49000+;redux 的 star …
展望 2016,React.js 最佳实践 – 前端 – 掘金
React.js 作为前端框架的后起之秀,却在2015年携着虚拟 DOM,组件化,单向数据流等利器,给前端 UI 构建掀起了一波声势浩大的函数式新潮流。新鲜出炉的一篇 React.js 最佳实践,基本涵盖了所有的 React.js 生态周边,可用于实践参考。文…
redux 中间件实战 – 前端 – 掘金
tl;dr 2015年,随着react框架在前端开发领域的持续火热,单数据流向也开始逐渐被前端开发人员所认识和使用。单向数据流向指的是在整体web应用中,数据都是单向流动的。回想一下我们的校园时光,每当你没有生活费的时候,你会打电话找妈要钱,然后家里人去银行…
一个专为 React 做动画的库 – Facebook 程序员出品(非官方) – 前端 – 掘金
import {Motion, spring} from ‘react-motion’; // In your render… {value => {value.x}} Animate a counter from 0 to 10. For mo…
react-native 的第一课 – iOS – 掘金
React-用于构建用户界面的JavaScript库 React是作为MVC中V存在的,React有一个JSX的编译器,JSX 让你可以用 HTML 语法去写 JavaScript 函数调用。 举例JSX是以下写法: …
react-native-ios-charts – React Native 的 iOS 图表库 – iOS – 掘金
react-native-ios-charts Bringing iOS Charts to React Native. Check out the ChartsExplorer in the examples folder Introductio…
TimerMixin – React 工具包 – 前端 – 掘金
DDFE 出品系列之 react 工具包…
MRN – Material React Native API Document – 工具资源 – 掘金
A Material Design style React Native component library. Getting Started Note For now only support Android 5.0+ (Because ripple fe…
如何发布一个 React components – 后端 – 掘金
本文已经翻译成中文《如何发布一个 React components》,欢迎参加「掘金翻译计划」,翻译优质的技术文章。 While I was open sourcing react-place…
使用 React 写个简单的活动页面运营系统 – 设计篇 – 阅读 – 掘金
介绍这个工具前不得不先介绍一下积木系统。 积木系统是 imweb 团队出品、为产品运营而生的一套活动页面发布系统,详细介绍见 PPT 简单可以这么理解它的理念: 一个页面 = 一个模板 + 多个组件 一个组件 = 一份代码 + …
使用 React 实现一个轮播组件 – 阅读 – 掘金
tip React 刚出来不久,组件还比较少,不像 jquery 那样已经有很多现成的插件了,当是就自己写了一个基于 React 的轮播组件,当然只是一个小 demo,刚刚有用 es6 的语法重新改了改,就想着写一个小教程给新手,如何实现一个 React 的小…
一言不合造轮子 — 撸一个 ReactTimePicker – 前端 – 掘金
本文的源码全部位于github项目仓库react-times,如果有差异请以github为准。最终线上DEMO可见react-times github page 文章记录了一次创建独立React组件并做成NPM包的过程,将会涉及到React开发、单页测试、We…
项目接入使用 React Native – iOS – 掘金
有一段时间没有写东西了,因为最近项目开始尝试使用React Native(以下简称RN)来开发,所以这段时间一直在研究,目前为止开发的内容不多,所以使用过的东西也不算多,这里也只是做个简单的记录 这里我打算从以下几个方面来讲: 1.背景介绍 2.环境的配置 3…
(译) React 组件中绑定回调 – 前端 – 掘金
原文:Binding callbacks in React components 在组件中给事件绑定处理函数是很常见的,比如说每当用户点击一个button的时候使用console.log打印一些东西。 class DankButton extends Reac…
React Native 的极简手册 – 前端 – 掘金
安装入门 安装入门可以参考:React Native官方文档。 NodeJS知识储备:参考《NodeJS入门》。(尊重知识,请购买原版)。 书籍:《React Native入门与实战》 代码示例:30天学习React Native教程 看到这里,对React …
我的 React Native 技能树点亮计划 の 代码风格统一工具 EditorConfig – 前端 – 掘金
@author ASCE1885的 Github简书微博CSDN知乎本文由于潜在的商业目的,不开放全文转载许可,谢谢!在本系列前面一篇文章《React Native 开发 IDE 选型和配置》1中我们介绍了 React Native 开发中可能用到的五款 ID…
React Native Animated 动画详解 – 实例篇 (这篇就够了) – 前端 – 掘金
之前已经更新过Animated动画基础篇相关知识点,今天讲解Animated.Value,Animated.ValueXY以及相关动画库使用实例。学习完本篇相信大家对于动画库的基本使用应该是没有问题了。React Native进阶之Animated动画库详解 …
用 React 做出好用的 Switch 组件 – 前端 – 掘金
关于作者 周林,微博, github,陆金所前端程序员,专注 Hybrid APP 性能优化和新技术探索。欢迎任何形式的提问和讨论。 前言 HTML5 将 WEB 开发者的战场从传统的 PC 端带到了移动端。然而移动端交互的核心在于手势和滑动,如果只是将 PC…
全栈工程师培训材料 – 阮一峰 – 前端 – 掘金
第一讲:前端开发的历史和趋势 前端开发的历史演变 前端MVC框架的兴起 前后端分离 全栈工程师 前端开发的未来 第二讲:React 技术栈 React 的基本用法 React 应用的架构 第三讲:Node 应用开发 Node 的基本用法 R…
使用 yarn 制作一个 webpack + react + react-router 轮子 – 前端 – 掘金
前言 很早以前写过使用React-router和Webpack快速构建一个react程序。很多网友发现版本太老,于是乎最近又重新组织了下结构,使用最近发布的yarn作为包管理工具,介绍下基本安装步骤。并且这次代码包提到了github上,这样大家也可以有个直接…
使用 React.js 的渐进式 Web 应用程序:第 2 部分 – 页面加载性能 – 掘金
系列第二篇,来看看基于 React 路由分块的页面加载优化。 原文地址:Progressive Web Apps with React.js: Part 2 — Page Load Performance 原文作者:Addy Osmani 译文出自:掘金翻…