React Native

React Native 配置自定義字體

本想着配置自定義字體不是什麼大坑，官網文檔找了一下，沒有。遂關鍵字：「React Native 配置自定義字體」這麼一搜。都是同樣的文章，做者名倒是各式各樣，真是天下文章你們抄。然而試了一下並很差用。
（這裏使用最新的RN 0.48.4 測試） 這裏想一下React Nativ…

這些JavaScript編程黑科技，裝逼指南，高逼格代碼，讓你驚歎不已

這些JavaScript編程黑科技，裝逼指南，高逼格代碼，讓你驚歎不已

ReactNative 學習資源大聚集

React Native 着力於提升多平臺開發的開發效率 —— 僅需學習一次，編寫任何平臺。(Learn once, write anywhere)。 本文聚集了 React-Native 各種學習資源，方便你們學習，同時還有 [Awesome React Native 系列]，請收下…

React Native BLE 藍牙通訊

因爲業務須要，基於 React Native 開發的 App 要跟 BLE 藍牙設備通訊。
在 js.coach 上搜索 React Native BLE 藍牙組件，只找到三個組件：
react-native-ble-manager：文檔清晰明瞭，簡單，基本每月都有更新，遇到問題提交 issue 做者也能及時回覆。
react-native-ble-plx：文檔閱讀起來有點難度，更新頻率較慢。
react-native-ble：由 Node.js BLE 改寫而成，不是很適用於 React Native。
綜上分析，我選擇 react-native-ble-manager 組件，組件的安裝、配置看官方文檔便可。

前端每週清單半年盤點之 React 與 ReactNative 篇

前端每週清單專一前端領域內容，以對外文資料的蒐集爲主，幫助開發者瞭解一週前端熱點；分爲新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峯人生等欄目。歡迎關注【前端之巔】微信公衆號（ID：frontshow），及時獲取前端每週清單；本文則是對於半年來發布的前端每週清單中的 Re…

[教你React-Native擼android原生百度定位SDK服務[跨平臺模塊自定義]](https://juejin.im/entry/59797...

哈嘍,最近一直在研究reactNative沒有碰原生的東西已經好久了.不知道你們是否想過一個問題呢?reactNative開發中用到的語言是Js.可是咱們若是想作百度定位或者微博分享等第三方sdk的集成時,會不會碰到如下問題.

Zent - 源自有贊微商城的 React 組件庫

Zent ( ˈzent ) 是有贊 PC 端 Web UI 規範的 React 實現版本，提供了一整套基礎的 UI 組件以及經常使用的業務組件。經過 Zent，能夠快速搭建出風格統一的頁面，提高開發效率。目前咱們有 45+ 組件，其中包括 Design 以及 SKU 等實用的…

我爲何從Redux遷移到了Mobx

Redux是一個數據管理層，被普遍用於管理複雜應用的數據。可是實際使用中，Redux的表現差強人意，能夠說是很差用。而同時，社區也出現了一些數據管理的方案，Mobx就是其中之一。 這是Redux給本身的定位，可是這其中存在不少問題。 首先，Redux作了什麼？看Redux的…

React Native 仿 ofo 共享單車 App

本文爲 Marno 原創，轉載必須保留出處！ 公衆號【 aMarno 】，關注後回覆 RN 加入交流羣 React Native 優秀開源項目大全：http://www.marno.cn 1、前言 並無實現 ofo 全部功能，只完成了主要的界面和邏輯，感受其中也就【地圖】和【…

如何編寫一個 Redux 中間件

要想實現一個 redux 中間件咱們必須瞭解 redux 的基本實現原理。本文將從 redux 源碼入手，重點講解 applyMiddleware 如何將中間件串聯執行。只有理解了底層原理咱們才能夠遊刃有餘的寫出一個 redux 中間件。 能夠看見 createStore 的三…

用 Jest 測試 JavaScript 應用

Jest 是 FaceBook 用來測試 JavaScript 應用的一套測試框架，這些應用固然也包括了 React 應用。它的優勢之一是自帶了對 React 的支持，同時也很容易支持其它框架。
從最簡單的開始，咱們能夠看看如何用 Jest 測試純 JS 項目。

ONE-ReactNative

首先說說寫這個項目的初衷，rn用了快一年半的時間，身邊也有不少朋友開始學習rn，從他們學習的方式方法中我深深的體會到，對於一個初學者他們最須要的是什麼。所以我寫了這個項目，或許你會認爲這個項目太過於簡單，可是這裏面用到的知識倒是最基礎也最容易忽略的。 傳送門 簡單貼幾張效果圖 i…

React Native源碼分析原理（二）(基於0.48版本)

上一篇文章你們若是仔細閱讀揣摩對RN有了一個初步的認識了，接下來將基於上一篇文章的這種初步認識然咱們詳細瞭解一下RN的啓動過程 [RCTRootView initWithBundleURL:...] [RCTBridge initWithBundleURL:...] [RCTB…

React Native預設佔位佈局placeholder

當咱們首次打開一個app的時候會請求接口獲取數據，那麼獲取數據的這段時間展現什麼給用戶呢？國內不少app都是千篇一概的用一個菊花代替（俗稱loading），或者更有心一點的作一個好看一點的loading，可是這樣當拿到數據渲染頁面的時候會很生硬的切換，總感受很low。

iOS 開發是否要採用 React Native?

React Native 是 Facebook 2015年開源的 Javascript 框架，旨在使用 Javascript 高效開發手機端 App。配合着多個顯而易見的優點和 Facebook 強大的宣傳機器，它馬上成爲國內外大小公司的明星開發框架。開源社區的參與激情、各方博…

將RN工程嵌入到現有原生iOS應用

今天心血來潮，就想嘗試一下將RN工程單獨嵌入到原生工程中，因此就作了嘗試，本文是經過cocopods集成RN到現有工程的，可是其中也遇到一個問題，怎麼編譯都不過。
React Native的植入過程同時須要React和React Native兩個node依賴包，因此須要咱們建立…

快速上手必備：五分鐘過一遍 Redux 知識點

你是否是好不容易看完了 Redux 的官方文檔、瞭解了 state/action/reducer/store 這些內容後，但又愁於沒有地方能夠一次性實踐將他們牢記於心，而下次真正要使用的時候又苦於這些看過的概念差很少都忘光了。

如此反覆不只浪費時間、並且消磨精力。

考慮到此，本文嘗試經過簡明的概述將 redux 中涉及到的主要知識點以及官方提供的最佳實踐表達，但願已經入門的你在真正須要的時候能夠掃一遍迅速撿起這些、方便你的開發。

快快收藏吧。

如何在React Native中實現分享和第三方登陸的功能

在咱們經常使用的App中常常會看到分享與第三方登陸的功能，能夠說分享與第三方登陸已經成爲了各大APP的必備功能。對於產品運行與推廣來講，分享與第三方登陸不只能增強用戶粘性，增長流量及新用戶，也能提高用戶存留優化產品質量等。
各大平臺都有對應的開發平臺來提供分享與第三方登陸的服務，比…

ReactNative 的理解與思考，三端同一套代碼的實踐

React Native 是一個JavaScript 的框架，用來撰寫實時的、可原生呈現iOS 和Android 的應用。 其是基於React的，而React 是Facebook 的用於構建用戶界面的JavaScript 庫

自定義 React Native 二維碼掃描組件(簡單，易用！)

本文爲 Marno 原創，轉載必須保留出處！ 公衆號 aMarno，關注後回覆 RN 加入交流羣 React Native 優秀開源項目大全：http://www.marno.cn 1.前言 最近用 React Native 仿寫了一下 ofo 應用，涉及到了二維碼掃描的功能，…

後端工程師的React Native初體驗

這是一個用React Native寫的小說APP，支持搜索小說、訂閱小說、在線閱讀。附後端源碼

4 張動圖解釋爲何（何時）使用 Redux

本文描述了何時開始使用 Redux。做者描述了在構建一個真實 React APP 時，從沒有使用 Redux 到使用 Redux 的過程以及收穫。 首先，並非全部的 React 應用程序都須要使用 Redux。事實上，大多數很是簡單的 React 應用程序根本不能從 Re…

React Native 開源項目 - 仿美團客戶端 (Android、iOS 雙適配)

推薦 React Native 學習好項目，仿照美團客戶端

React Native手勢密碼組件

ReactNative源碼篇：啓動流程

在分析具體的啓動流程以前，咱們先從Demo代碼入手，對外部的代碼有個大體的印象，咱們才能進一步去了解內部的邏輯。 1 首先咱們會在應用的Application裏作RN的初始化操做。 2 頁面繼承ReactActivity，ReactActivity做爲JS頁面的容器。 3 有了…

React Native探索（一）環境搭建與Hello World（Windows/Mac）

前言 目前關於React Native的教程不少，官方文檔寫的也不錯，可是感受大部分教程寫的不是很清楚，致使我各類碰壁。所以我來寫一個簡潔的教程。本篇文章基於React Native 0.43，只適用於用Windows/Mac平臺的Android開發者。 1.配置React N…

如何高效管理 React Native 項目中的圖片資源

本文爲 Marno 原創，轉載必須保留出處！ 公衆號【 Marno 】，關注後回覆 RN 加入交流羣 React Native 優秀開源項目大全：http://www.marno.cn 今天是情人節了，Marno 祝有"對象"的情人節快樂，沒對象的 new 一個對象，而後情人節…

redux 源碼研究：中間件

中間件是代理/裝飾模式的一種的實踐方式，經過改造 store.dispatch 方法，能夠攔截 action（代理）或添加額外功能（裝飾）。 新建一個變量指向 store.dispatch。 新建同名函數 dispach，接收參數爲 action。 編寫本身的額外邏輯。 在 d…

React Native拆包及熱更新方案

隨着 React Native 的不斷髮展完善，愈來愈多的公司選擇使用 React Native 替代 iOS/Android 進行部分業務線的開發，也有很多使用 Hybrid 技術的公司轉向了 React Native 。要說 React Native 最能吸引開發者的地方那就

React Native Android 從學車到補胎和成功發車經歷

技術是無罪的，因此即使 RN 如今勝負難斷，可是做爲一個開發者對本身關注領域的新技術應該儘量的持有一個關注的心態，以避免真的能顛覆時找不到賽道，更別提發車，更況且如今已經有不少 JD 居然列出了 React Native 開發工程師的職位（包括鵝廠），薪水福利也還不錯。

PS：若是你依舊對 RN 抱着懷疑的心態，那請你打開這個 showcase 看看吧，國內外已經有不少有名和沒名的 App 都已經接入了 RN。

React 的性能優化（一）當 PureComponent 趕上 ImmutableJS

在咱們的印象中，React 好像就意味着組件化、高性能，咱們永遠只須要關心數據總體，兩次數據之間的 UI 如何變化，則徹底交給 React Virtual Dom 的 Diff 算法 去作。以致於咱們很隨意的去操縱數據，基本優化shouldComponentUpdate 也懶得…

React Native Calendars ✨ ?️ ?

對 Android 和 iOS 都兼容