前端框架

時間 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 的朋友參考.