1. 程式人生 > >使用 React Native 和 Redux 重構的知乎日報

使用 React Native 和 Redux 重構的知乎日報

react-native-redux-zhihudaily

使用react-native和redux重構的知乎日報, 本專案相容ios版本,但介面只依照知乎日報Android端編寫

Preview

Android preview

IOS preview

Work with redux

Getting started

npm install # install dependencies
npm run android # enjoy itnpm run ios # run ios version

Debug

連線開發伺服器

連線Redux除錯伺服器

Todos

  •  夜間模式
  •  關注主題日報
  •  文章評論列表
  •  使用Codepush

相關推薦

使用 React Native Redux 重構日報

react-native-redux-zhihudaily 使用react-native和redux重構的知乎日報, 本專案相容ios版本,但介面只依照知乎日報Android端編寫 Preview Android preview IOS preview

react native日報原始碼分析一

一、說明 react native出現有一段時間了,最近國內學習react native的人也越來越多。react native開發的資料也很多,具體可以參考:https://github.com/ele828/react-native-guide。 大家可

我一起入坑-React-Native-加入Redux的TodoList

讀前須知 這個專案是第一次使用Redux的例項,並不具有專業性的理論知識。純粹分享一次開發過程與心得。之前寫了一篇沒有加入Redux的React Native ToDoList的小博文。這個專案也是在原來的基礎上進行裝修完成的。目的是為了體驗一下高深莫測的Redux

React Native使用Redux總結

war lda 技術 pan strong blog connect lar win 1>npm安裝redux: "react-redux": "^5.0.5", "redux": "^3.7.1", "redux-thunk": "^2.2.0" 2>大

日報 API 分析

.com ava leg 3.6 mar 數量 總數 multi name 聲明 下面全部 API 均由 知乎(Zhihu.Inc) 提供,本人採取非正常手段獲取。獲取與共享之行為或有侵犯知乎權益的嫌疑。若被告知需停止共享與使用。本人會及時刪除此頁面與整個

怎麽及時掌握/把握深度學習的發展動向狀態?()

ref com 深度學習 掌握 http 發展 targe 狀態 tar https://www.zhihu.com/question/65646397 機器學習 知乎專欄 https://www.zhihu.com/topic/19559450/hot怎麽及時掌握/把握深

帶你徹底看懂React NativeAndroid原生控制元件之間的對映關係

此文基於react natve的 September 2018 - revision 5 版本 本人學校畢業後就當了安卓爬坑專業戶,3年來總算爬習慣了,不料今年掉進了RN這個天坑,從此開始了我的悲慘人生。。。Anyway,RN的思想還是值得學習的,今天就從Android的角度開始分析一下react nati

重新認識React NativeAndroid的通訊原理

此文基於react natve的 September 2018 - revision 5 版本 在我的上一篇文章《帶你徹底看懂React Native和Android原生控制元件之間的對映關係》中,我已經完整地剖析了從RN元件到原生控制元件之間的對映關係,文中簡單地提到了一些通訊原理,本文我就來詳細地講解一

iOS 日報評論分組展開效果實現

參考部落格 CGAffineTransformMakeTranslation和CGAffineTransformTranslate tableView.contentOffset.y UITableView 移動到指定的區頭位置 在仿寫知乎日報評論介面時遇到

微信小程式之日報

上一次的《微信小程式之小豆瓣圖書》製作了一個圖書的查詢功能,只是簡單地應用到了網路請求,其他大多數小程式應有的知識。而本次的示例是知乎日報,功能點比較多,頁面也比上次複雜了許多。在我編寫這個DEMO之前,網上已經有很多網友弄出了相同的DEMO,也是非常不錯的,畢竟這個案例很經

【專案原始碼】- 【模仿日報】模仿日報

這個本人目前做的最好的一個模仿品,僅供學習使用,當然裡面也是有很多問題,做的時間不多,將近一個禮拜。(Eclipse製作) 先貼上效果圖: 效果圖上完了,說下涉及的知識點吧: 1、先是進入時的歡迎介面的動畫Animation、網路的判斷 2、viewpager自動動畫

React Native原生iOS Objective-C的互動解決方案

用一個RCTRootView作為iOS裡一個Controller的view。在RN層的左上角返回按鈕點選後pop回iOS層。發現無法執行,除錯發現controller的navigationCont的值是空的。發現與RN互動的這個self地址和iOS層的self並不是同一個

VUE實戰第一天-日報專案開發

第一步配置webpack:      開啟命令列,在指定資料夾下執行npm init,直接回車     npm install --save-dev webpack      npm install --save-dev -webpack-dev-server 在pa

React NativeiOS原生方法互動

原生傳遞引數給React Native 初始化時傳值 - (instancetype)initWithBundleURL:(NSURL *)bundleURL moduleName:(NSString *

微信小程式例項--日報小程式

微信小程式開發文件 使用步驟 下載微信小程式開發工具微信小程式註冊申請 ,獲取AppID(手機預覽需用到)伺服器配置 ,新增合法域名,每個月只可修改3次 ,可新增多個域名下載開發工具後建立專案,輸入申請的AppID,填寫專案名稱,匯入該工程專案預覽體驗專案效果圖: 必須掌握的幾個知識點 目錄 小

仿日報(3)_MainActivity分析

MainActivity分析 1、結構 2、介面分析 首先第一張圖片是主頁面,是一個Fragment。第二張圖片是左側滑選單,是一個ListView。整體介面是使用MaterialUI中的DrawableLayout佈局。關於Drawa

日報APP:API介面分析

宣告 以下所有 API 均由 知乎(Zhihu.Inc) 提供,本人(Izzy Leung)採取非正常手段獲取。獲取與共享之行為或有侵犯知乎權益的嫌疑。若被告知需停止共享與使用,本人會及時刪除此頁面與整個專案。 請您暸解相關情況,並遵守知乎協議。 API 說明 知乎

Python日記——用Django做一個簡易的日報API

現在我主要教大家如何去實戰,做一個簡易的知乎日報API 首先你要熟悉django的基本用法,會寫模型,會寫檢視函式,會配置url 1.配置字元編碼 因為我們等一下要使用中文,所以要先設好字元編碼 在settings.py裡將LANGUAGE_CODE

Vue新手向 日報 by Vue.js

第一次使用vue,希望對vue感興趣的同學有所幫助 知乎日報 vuejs 簡介 zhihu-daily-byVuejs 是用vue.js vue-router node.js 開發

日報詳情頁的實現(整合webView)

詳情頁的實現 知乎日報的文章詳情頁是使用一個 WebView 顯示內容的。遺憾的是,React Native 官方在 Android 上並沒有提供 WebView 的支援。好在 React Native 很容易整合原生的元件: Native UI Component