前端框架

时间 2019-11-21

标签前端框架繁體版

原文原文链接

MobX：MobX 和 React 十分钟快速入门

MobX 是一种简单的、可扩展的、久经考验的状态管理解决方案。
这个教程将在十分钟内向你详解 MobX 的全部重要概念。MobX 是一个独立的库，可是大部分人将它和 React 共同使用，因此本教程将重点讲解他们的结合使用。

前端

react-redux实践总结

标题做者：赵玮龙前后就任于面包旅行，阿里体育，如今就任于美团。涉及技术范围React, AngularJS, gulp, grunt, webpack, redux, canvas, node等，如今专一于前端react周边技术栈研究特此声明:本篇文章都是围绕react技术…

node

如何管理好10万行代码的前端单页面应用

蚂蚁金服数据平台前端团队主要负责多个数据相关的PC Web单页面应用程序，业务复杂度类比Excel等桌面应用，业务前端代码量在几万行～几十万行，随着产品不断完善，破百万指日可待。管理好10万行级甚至百万行级代码的前端应用，是咱们团队的核心挑战之一。团队的架构方案是多个产品经历…

react

快速上手必备：五分钟过一遍 Redux 知识点

你是否是好不容易看完了 Redux 的官方文档、了解了 state/action/reducer/store 这些内容后，但又愁于没有地方能够一次性实践将他们牢记于心，而下次真正要使用的时候又苦于这些看过的概念差很少都忘光了。webpack

如此反复不只浪费时间、并且消磨精力。git

考虑到此，本文尝试经过简明的概述将 redux 中涉及到的主要知识点以及官方提供的最佳实践表达，但愿已经入门的你在真正须要的时候能够扫一遍迅速捡起这些、方便你的开发。程序员

快快收藏吧。

github

Slate.js - 革命性的富文本编辑框架

相信不少同窗即使没有接触过富文本编辑领域，也必定据说过【富文本编辑是天坑，千万不要碰】的说法——是的，富文本编辑是天坑，但 Slate 能很好地帮助你。下面会介绍富文本编辑的复杂度所在，以及 Slate 的解决方式。富文本编辑领域和常规的前端开发相比，有个很是微妙的区别：在这…

web

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，也就是你们说的“代码分拆" — 将全部的代码分拆成多个小包，在用户浏览过程当中按需加载。

【译】如何实现前端微服务化？

译者按: 微服务在后端开发中大行其道，其实对于愈来愈复杂的前端应用来讲，微服务也是一种不错的选择。

像VUE同样写微信小程序-深刻研究wepy框架

微信小程序自发布到现在已经有半年多的时间了,凭借微信平台的强大影响力，愈来愈多企业加入小程序开发。小程序于M页比相比，有如下优点：一、小程序拥有更多的能力，包括定位、录音、文件、媒体、各类硬件能力等，想象空间更大二、运行在微信内部，体验更接近APP 三、在过分竞争的互…

React 中被忽略的函数组件（Functional Components）

详细介绍了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开发以前，你或你的团队必须先考虑选择什么样…

关于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个手势，其手势并非浏览器原生的事件，而是经过监…

【译】2017 年 20 个最佳的极简 CSS 框架

在文章中，咱们将与你们分享 20 个最佳的极简 CSS 框架，它们可以为你提供建站必备的组件，帮助你节省时间。Have Fun!

Napa.js 简介

本文介绍 Napa.js 的核心概念，带领你们探索 Napa.js 是如何运转起来的。关于它的由来和开发初衷，能够阅读这篇文章 Zone 是 Napa.js 中的核心概念，它是执行 JavaScript 代码的基本单元，全部涉及多线程相关的内容都离不开 Zone 这个概念。一…

饿了么的 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-...…