MobX:MobX 和 React 十分钟快速入门
MobX 是一种简单的、可扩展的、久经考验的状态管理解决方案。
这个教程将在十分钟内向你详解 MobX 的所有重要概念。MobX 是一个独立的库,但是大部分人将它和 React 共同使用,所以本教程将重点讲解他们的结合使用。
深入理解React 组件状态(State)
深入理解React 组件状态(State)
react-redux实践总结
标题 作者:赵玮龙 先后就职于面包旅行,阿里体育,现在就职于美团。涉及技术范围React, AngularJS, gulp, grunt, webpack, redux, canvas, node等,现在专注于前端react周边技术栈研究 特此声明:本篇文章都是围绕react技术…
如何管理好10万行代码的前端单页面应用
蚂蚁金服数据平台前端团队主要负责多个数据相关的PC Web单页面应用程序,业务复杂度类比Excel等桌面应用,业务前端代码量在几万行~几十万行,随着产品不断完善,破百万指日可待。管理好10万行级甚至百万行级代码的前端应用,是我们团队的核心挑战之一。 团队的架构方案是多个产品经历…
快速上手必备:五分钟过一遍 Redux 知识点
你是不是好不容易看完了 Redux 的官方文档、了解了 state/action/reducer/store 这些内容后,但又愁于没有地方可以一次性实践将他们牢记于心,而下次真正要使用的时候又苦于这些看过的概念差不多都忘光了。
如此反复不仅浪费时间、而且消磨精力。
考虑到此,本文尝试通过简明的概述将 redux 中涉及到的主要知识点以及官方提供的最佳实践表达,希望已经入门的你在真正需要的时候可以扫一遍迅速捡起这些、方便你的开发。
快快收藏吧。
Slate.js - 革命性的富文本编辑框架
相信很多同学即便没有接触过富文本编辑领域,也一定听说过【富文本编辑是天坑,千万不要碰】的说法——是的,富文本编辑是天坑,但 Slate 能很好地帮助你。下面会介绍富文本编辑的复杂度所在,以及 Slate 的解决方式。 富文本编辑领域和常规的前端开发相比,有个非常微妙的区别:在这…
React 实践项目 (三) Redux-Saga
React在Github上已经有接近70000的 star 数了,是目前最热门的前端框架。而我学习React也有一段时间了,现在就开始用 React+Redux 进行实战!
Vue.js 依赖收集
因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址:https://github.com/answershut...。 在学习过程中,为Vue加上了中文的注释http…
RxJS 学习线路推荐
RxJS 一向以很难,学习曲线高著称,所以选择合适的方法来学习 RxJS 显得尤为重要!
特整理了一份 RxJS 的正确学习方式。
【WebVR教程翻译】超简单!用A-frame快速打造你的VR网站
A-frame是由three.js封装而来的一组库,使用它可以方便地构建跨平台Web VR应用。如果你对它毫无概念,还没有准备好继续往下读,可以先看看A-frame官方示例,了解了解这个它是工作的,以及它能用来做什么。
在这篇文章中,我将教会你如何创建一个VR网站,你可以体验到…
Vant - 高效的 Vue 组件库,再造一个有赞移动商城也不在话下
Vant ( ˈvænt ) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。我们会在此基础上不断完…
通过实例,学习编写 React 组件的“最佳实践”
现在前端程序员都知道,React 是组件化的。当我开始学习 React 的时候,我记得当时已经存在了很多不同编写组件的方式了。如今,React 社区已经愈发成熟,但是对于组件正确编写姿势却没有一个相对完备的指导。 这篇文章仅从作者的观点出发,来谈一谈我们究竟应该如何来写高质量的 …
Weui,一套基于preact的轻巧UI库
Preact是一个非常轻巧且性能极佳的react-like框架;
Weui,是微信官方团队出品的一套极至简洁的UI;
当Preact遇上Weui会擦出怎样的火花呢?请看preact-weui吧!
react-router 按需加载
React Router 是一个非常出色的路由解决方案,同时也非常容易上手。但是当网站规模越来越大的时候,首先出现的问题是 Javascript 文件变得巨大,这导致首页渲染的时间让人难以忍受。实际上程序应当只加载当前渲染页所需的 JavaScript,也就是大家说的“代码分拆" — 将所有的代码分拆成多个小包,在用户浏览过程中按需加载。
【译】如何实现前端微服务化?
译者按: 微服务在后端开发中大行其道,其实对于越来越复杂的前端应用来说,微服务也是一种不错的选择。
不吹不黑聊聊前端框架--尤雨溪知乎Live整理
像VUE一样写微信小程序-深入研究wepy框架
微信小程序自发布到如今已经有半年多的时间了,凭借微信平台的强大影响力,越来越多企业加入小程序开发。 小程序于M页比相比,有以下优势: 1、小程序拥有更多的能力,包括定位、录音、文件、媒体、各种硬件能力等,想象空间更大 2、运行在微信内部,体验更接近APP 3、在过度竞争的互…
React 中被忽略的函数组件(Functional Components)
详细介绍了React 中函数组件和类组件的区别,分析了函数组件背后的实现思想。
使用 Redux 管理你的 React 应用
使用 Redux 管理你的 React 应用
React 16 更新一览
就在今天,React 团队正式发布了 React 16,这次发布带来了哪些内容呢?
React 16 采用了称为“Fiber”的全新的内部架构。官方对 Fiber 的一句话解释是“React Fiber是对核心算法的一次重新实现”。
以前的 React 使用的称为“Stack”…
面向未来的前端数据流框架 - dob
我们大部分对内产品,都广泛使用了 dob 管理前端数据流,下面隆重介绍一下。 dob 是利用 proxy 实现的数据依赖追踪工具,利用 dob-react 与 react 结合。 dob 的核心思想大量借鉴了 mobx,但是从实现原理、使用便捷性,以及调试工具都做了大量优化。 …
改造你的网站,变身 PWA
最近有很多关于 Progressive Web Apps(PWAs)的消息,很多人都在问这是不是(移动)web 的未来。我不想陷入native app 和 PWA 的纷争,但是有一件事是确定的 --- PWA极大的提升了移动端表现,改善了用户体验。
好消息是开发一个 PWA 并…
React 开发中面临的九个重要抉择
在 React 开发的过程中我们常常会遇到一些抉择,下面我将选取其中一些个人认为重要的抉择来一一分析。但请记住以下所说的都只是的建议,可能有一些方面也没有考虑到,大家还是需要依据实际情况自己选择最合适的,切勿随波逐流。 当开始React开发之前,你或你的团队必须先考虑选择什么样…
深入理解React 高阶组件
对React 高阶组件的概念,基本使用,高级用法及注意事项做了详尽的说明。
关于Vue服务端渲染(nuxt)的简单学习
近期我司开始了一个新项目,因为上一个项目完成的差不多了,所以将这个项目交给了我(其实就是我先踩踩坑,后续大家在一起开发)。因为客户要求要做SEO优化,所以一开始的决定是使用原声js加jq做,我自己也花了俩三天时间来做了一个demo,但是老大觉得效果不理想,周一上午开会决定用服务…
ReactNative 的理解与思考,三端同一套代码的实践
React Native 是一个JavaScript 的框架,用来撰写实时的、可原生呈现iOS 和Android 的应用。 其是基于React的,而React 是Facebook 的用于构建用户界面的JavaScript 库
我们为什么选择使用react生态
昨天参加学习部门一同学的react分享会,会上有很多后端的同学参加,大家都对前端有一定的知识积累。于是会上陆陆续续都抛出了同一个共性的问题。“我用传统的开发方式一样能写出来的东西,为何要用react,redux等一些复杂的东西表达出来”。
接触react也有快两年的时间了。RJ、RN都开发过大大小小的项目。借此机会反思起来,突然发现当初感觉是用来装X和有些鸡肋的东西竟有些割舍不开而且散发着深刻的魅力。
500行代码实现迷你版vuejs,麻雀虽小,五脏俱全
最近看vuejs v1.0 的源码,萌生了能不能自己实现一个vuejs的想法,于是就有了这个迷你版的vuejs。几乎所有的代码都是我自己重写的,但是在写的过程中完全参照vuejs,所以文件组织,生命周期以及类名方法名等都几乎一样。如果你想学习vuejs源码,这个项目将会很有帮助。
超小手势库alloyfinger及其vue版实现深入解析
alloyfinger是一款非常轻量的开源手势库,由于其轻量、基于原生js等特性被广泛使用。关于其原理,它的官方团队解析的非常详细——传送门。相信学过高数的人看起来应该不难,这里不深入解析了。 其核心代码只有300多行,完成了14个手势,其手势并不是浏览器原生的事件,而是通过监…
我们来看看尤大神谈vue.js
本文是最近温习vue知识点后发现必须多看的文章之一
【译】2017 年 20 个最佳的极简 CSS 框架
在文章中,我们将与大家分享 20 个最佳的极简 CSS 框架,它们能够为你提供建站必备的组件,帮助你节省时间。Have Fun!
单页应用的数据流方案探索
这可能是关于单页应用的数据流方案最好的文章了
Napa.js 简介
本文介绍 Napa.js 的核心概念,带领大家探索 Napa.js 是如何运转起来的。关于它的由来和开发初衷,可以阅读 这篇文章 Zone 是 Napa.js 中的核心概念,它是执行 JavaScript 代码的基本单元,所有涉及多线程相关的内容都离不开 Zone 这个概念。一…
高性能迷你React框架anujs1.1.1发布
高性能迷你React框架anujs1.1.1发布
饿了么的 PWA 升级实践
自 Vue.js 官方推特第一次公开到现在,我们就一直在进行着将饿了么移动端网站升级为 Progressive Web App 的工作。直到近日在 Google I/O 2017 上登台亮相,才终于算告一段落。我们非常荣幸能够发布全世界第一个专门面向国内用户的 PWA,但更荣幸的是能与 Google、UC 以及腾讯合作,一起推动国内 web 与浏览器生态的发展。
[[译] 2017 年了,这么多前端框架,你会怎样选择?](https://juejin.im/entry/59702...
原文地址:Choosing a frontend framework in 2017 原文作者:Taras Mankovski 译文出自:掘金翻译计划 本文永久链接:https://github.com/xitu/gold-...…
基于 React.js + redux + bootstrap 的 RubyChina 示例
最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + uikit 实现了 V2EX 的克隆版本, 最近又用 React.js + redux + bootstrap 实现了 RubyChina 的克隆版本, 两个项目都支持响应式布局. 不得不说这是学习新知识的一个有效途径. 这两个项目都比较合适学习 Vue.js 和 React.js 的朋友参考.
小程序web开发框架-weweb介绍
weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web单面应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。在小程序大行其道的今天,它可以让你的小程序代码得到最大限度的发挥,他具有以下优点: weweb默认使用我们自己写的编译器对wxml和…
[[译] 关于 React Router 4 的一切](https://juejin.im/entry/5995a...
原文地址:All About React Router 4 原文作者:BRAD WESTFALL 译文出自:掘金翻译计划 本文永久链接:https://github.com/xitu/gold-...…