Hacker News iOS and Android App - Made with React Native.

Last update: Jun 17, 2022

DEPRECATED FOR NOW - uses an old version of react native

See other react native example apps here: https://expo.io/featured

HackerNews-React-Native

Hacker News reader for iOS and Android, made with React-Native.

DEMO

App Store Button Play Store Button

iOS App Preview

iOS Preview Gif 1 iOS Preview Gif 2 iOS Preview Gif 3

Android App Preview

Android Preview Gif 1 Android Preview Gif 2

Features/Components

  • Uses React Native 0.20
  • Pull down to Refresh listview
  • Pagination listview
  • Comment & Sub Comments
  • WebView to view source pages

Installation

Once you have downloaded or cloned this repository, run npm install inside the directory.

Usage

GitHub

https://github.com/iSimar/HackerNews-React-Native
Comments
  • 1. Parse HTML in news content

    Hi,

    Thanks for the great work on this HN RN apps :)

    I look at your code to know how you deal with one problem i faced with RN, and i finally see that you didn't face it right now : If you look at the "Dot matrix printer playing "eye of the tiger" [video]" news, you will see html <pre><code> in the middle of the content.

    Did you have any idea, to transform those html code, in <Text style='pre'> or in other react componants like a <CodeHighlight> for example ? This is not just string replacement but something more difficult by replacing some part of the text by React Components.

    It's difficult to explain why the problem seems difficult to resolve, but i hope you will understand me.

    Thanks for sharing :)

    Reviewed by kennydee at 2015-03-30 10:07
  • 2. Upgrading to React Native 0.16

    @ivanph I'm currently trying to upgrade the app with react native 0.16 under the react-native-0_16 branch, could you confirm if everything is fine with android

    Reviewed by iSimar at 2015-12-12 02:46
  • 3. Convert the app to Exponent, update to react-native 0.31

    You can try it here: https://getexponent.com/@notbrent/hacker-news

    When you want to rebuild binaries you can do this: https://docs.getexponent.com/versions/v9.0.0/guides/building-standalone-apps.html

    :smile: or don't merge if you don't want to, that's fine

    Reviewed by brentvatne at 2016-09-07 00:13
  • 4. [Android] JS Bundle fails to load with an error.

    Hi,

    I ran the following commands-

    npm install react-native run-anroid

    The application gets deployed on my device, but, it says the server has to be running so that the app gets the JS Bundle.

    I ran-

    react-native start

    But, it throws up the following error-

    [email protected]:~/ReactJS/native/HackerNews-React-Native# react-native start
     ┌────────────────────────────────────────────────────────────────────────────┐ 
     │  Running packager on port 8081.                                            │ 
     │                                                                            │ 
     │  Keep this packager running while developing on any JS projects. Feel      │ 
     │  free to close this tab and run your own packager instance if you          │ 
     │  prefer.                                                                   │ 
     │                                                                            │ 
     │  https://github.com/facebook/react-native                                  │ 
     │                                                                            │ 
     └────────────────────────────────────────────────────────────────────────────┘ 
    Looking for JS files in
       /home/bozzmob/ReactJS/native/HackerNews-React-Native 
    
    
    React packager ready.
    
     ERROR  watch /home/bozzmob/ReactJS/native/HackerNews-React-Native ENOSPC
    {"code":"ENOSPC","errno":"ENOSPC","syscall":"watch /home/bozzmob/ReactJS/native/HackerNews-React-Native","filename":"/home/bozzmob/ReactJS/native/HackerNews-React-Native"}
    Error: watch /home/bozzmob/ReactJS/native/HackerNews-React-Native ENOSPC
        at exports._errnoException (util.js:874:11)
        at FSWatcher.start (fs.js:1239:19)
        at Object.fs.watch (fs.js:1267:11)
        at NodeWatcher.watchdir (/home/bozzmob/ReactJS/native/HackerNews-React-Native/node_modules/react-native/node_modules/sane/src/node_watcher.js:144:20)
        at new NodeWatcher (/home/bozzmob/ReactJS/native/HackerNews-React-Native/node_modules/react-native/node_modules/sane/src/node_watcher.js:45:8)
        at /home/bozzmob/ReactJS/native/HackerNews-React-Native/node_modules/react-native/packager/react-packager/src/FileWatcher/index.js:95:21
        at tryCallOne (/home/bozzmob/ReactJS/native/HackerNews-React-Native/node_modules/react-native/node_modules/promise/lib/core.js:37:12)
        at /home/bozzmob/ReactJS/native/HackerNews-React-Native/node_modules/react-native/node_modules/promise/lib/core.js:103:15
        at flush (/home/bozzmob/ReactJS/native/HackerNews-React-Native/node_modules/react-native/node_modules/promise/node_modules/asap/raw.js:50:29)
        at doNTCallback0 (node.js:417:9)
    
    

    What am I doing wrong?

    Reviewed by bozzmob at 2015-11-20 20:07
  • 5. Is this in the appstore?

    It'd be great if this was in the appstore so we could try it out. It's hard to find what react native apps are in the appstore and this one looks like a good one. :)

    Reviewed by bnolan at 2015-08-03 23:06
  • 6. Could not find property 'MYAPP_RELEASE_STORE_PASSWORD'

    • What went wrong: A problem occurred evaluating project ':app'.

      Could not find property 'MYAPP_RELEASE_STORE_PASSWORD' on SigningConfig_Decorated{name=release, storeFile=/home/carlos/react-native/HackerNews-React-Native/android/app/hn-reader_android.keystore, storePassword=null, keyAlias=null, keyPassword=null, storeType=/home/carlos/react-native/HackerNews-React-Native/android/app/hn-reader_android.keystore}.

    Reviewed by ws123 at 2016-06-21 03:17
  • 7. android version get a exception when invoke js

    that's the log:

    09-24 14:49:33.156    1662-1662/com.hackernews E/ViewRootImpl﹕ sendUserActionEvent() mView == null
    09-24 14:49:33.196    1662-1798/com.hackernews W/ReactNativeJS﹕ 'Error: undefined is not an object (evaluating \'RCTAsyncStorage.multiMerge\')\n stack: \n  <unknown>                       index.android.bun…:45700\n  require                         index.android.bun…:254\n  <unknown>                       index.android.bun…:45067\n  require                         index.android.bun…:254\n  <unknown>                       index.android.bun…:44019\n  require                         index.android.bun…:254\n  <unknown>                       index.android.bun…:43922\n  require                         index.android.bun…:254\n  require                         index.android.bun…:200\n  __callFunction                  index.android.bun…:5612\n  <unknown>                       index.android.bun…:5559\n  guard                           index.android.bun…:5502\n  callFunctionReturnFlushedQueue  index.android.bun…:5559\n URL: http://192.168.31.8:8081/index.android.bundle?platform=android\n line: 45700\n message: undefined is not an object (evaluating \'RCTAsyncStorage.multiMerge\')'
    09-24 14:49:33.196    1662-1798/com.hackernews W/ReactNativeJS﹕ 'Error: undefined is not an object (evaluating \'module[method]\')\n stack: \n  __callFunction                  index.android.bun…:5613\n  <unknown>                       index.android.bun…:5559\n  guard                           index.android.bun…:5502\n  callFunctionReturnFlushedQueue  index.android.bun…:5559\n URL: http://192.168.31.8:8081/index.android.bundle?platform=android\n line: 5613\n message: undefined is not an object (evaluating \'module[method]\')'
    09-24 14:49:33.196    1662-1806/com.hackernews E/unknown:React﹕ Exception in native call from JS
        com.facebook.react.bridge.NativeArgumentsParseException: RCTNetworking.sendRequest got 2 arguments, expected 6
                at com.facebook.react.bridge.BaseJavaModule$JavaMethod.invoke(BaseJavaModule.java:62)
                at com.facebook.react.bridge.NativeModuleRegistry$ModuleDefinition.call(NativeModuleRegistry.java:126)
                at com.facebook.react.bridge.NativeModuleRegistry.call(NativeModuleRegistry.java:64)
                at com.facebook.react.bridge.CatalystInstance$NativeModulesReactCallback.call(CatalystInstance.java:326)
                at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
                at android.os.Handler.handleCallback(Handler.java:739)
                at android.os.Handler.dispatchMessage(Handler.java:95)
                at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31)
                at android.os.Looper.loop(Looper.java:145)
                at com.facebook.react.bridge.queue.MessageQueueThread$1.run(MessageQueueThread.java:137)
                at java.lang.Thread.run(Thread.java:818)
    
    Reviewed by icefoggy at 2015-09-24 06:53
  • 8. Android Port

    Hi, I added an android version to your app and thought I'll ask before sending a PR. You can take a look here https://github.com/ivanph/HackerNews-React-Native/tree/android_port. I was able to make it work for both platforms from the same code-base. Let me know if you are interested and I'll send the PR.

    Thanks.

    Reviewed by ivanph at 2015-09-21 03:14
  • 9. Migrate code to ES6(update RN to v0.27.2 & update react-native-vector-icons to v2.0.3)

    First,Thanks for the awesome project,I learn a lot form this.

    After go review the code,I decide to migrate it to ES6, and update it to the latest RN-0.27.2.

    Reviewed by yukunwu at 2016-06-20 09:47
  • 10. Content doesn't update

    Hi-

    I was playing around with this app, and I wanted to promote it on this gallery that @ide and I are working on (http://exp.host/). I got everything working, but the content doesn't update -- all the stories are from a few weeks ago.

    I think the issue is with the Kimono Labs endpoint you're using. When I load the URL https://www.kimonolabs.com/api/d3rpj7om , part of the response is ..."frequency":"Manual Crawl","... which made me think it might be configured in a way that you have to manually run the updates?

    Is there any way we could fix this up so that the content updates every 15 minutes or something like that?

    Reviewed by ccheever at 2015-05-29 23:18
  • 11. A small mistake: redefine property textAlign

    There is a problem in App.Views.Post.Elements.Comment.index.js.You define textAlign twice ,In the last style "showRepliesButtonText". And Thanks your awesome project to learn react-native.

    Reviewed by duduzai at 2016-03-28 07:25
  • 12. Build Failed issue in Deco IDE

    Hi,

    First of all, thanks for making this project open source for our learnings. I'm new bee in React-Native.

    I'm trying to create 'build native build' for ios app of this in Deco IDE. And, I'm facing this error -

    ** BUILD FAILED **

    The following build commands failed: CompileC /Users/DAMAGE/Documents/React\ Native\ Projects/HackerNews-React-Native-master/ios/build/Build/Intermediates/RCTWebSocket.build/Debug-iphonesimulator/RCTWebSocket.build/Objects-normal/x86_64/RCTSRWebSocket.o RCTSRWebSocket.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler (1 failure)

    Reviewed by bygirish at 2017-04-20 07:11
  • 13. CFBundleIdentifier does not exist

    Error: Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/HN Reader.app/Info.plist Print: Entry, ":CFBundleIdentifier", Does Not Exist

    Reviewed by ilyarmnzhdn at 2017-01-29 21:34
  • 14. can I live without exponent

    so far, awesome code to learn and use however, if I can live without exponent , I really do not understand it how it works so removed from index.android.js import { Constants, } from 'exponent';

    and related bar height styles from the file.

    Reviewed by amitbravo at 2016-09-09 11:29
A Hacker News Reader built in React Native for iOS and Android
A Hacker News Reader built in React Native for iOS and Android

HackerBuzz-ReactNative Over the past few months, I've been working on a side project to gain an understanding of the React Native workflow. I decided

Jun 23, 2022
Hekla for Hacker News (open source React Native app)
Hekla for Hacker News (open source React Native app)

 Hekla for Hacker News iOS and Android client for Hacker News. Inspired by the Apollo client for Reddit. App features: Tabbed interface for easy navig

Jun 9, 2022
React Native Hacker News app
React Native Hacker News app

ReactNativeHackerNews React Native-based Hacker News reading app Uses hacker-news-mobile-api This app is a descendent of my isomorphic React-based Hac

Apr 16, 2022
A Hacker News client written in React Native
A Hacker News client written in React Native

React Native Hacker News A modern cross-platform HackerNews client built on React Native Features The app currently has the following functionality: H

Mar 26, 2022
HackerWeb 2: A read-only Hacker News client.
HackerWeb 2: A read-only Hacker News client.

HackerWeb 2 A read-only Hacker News client. Only 30 front-page stories. No more no less. Revolutionary comments thread UI. Smart collapse and easy nav

Jun 4, 2022
ONA or Open News App is an open source React Native based application for WordPress News and Blog Websites.
ONA or Open News App is an open source React Native based application for WordPress News and Blog Websites.

ONA - WordPress Android Version . . ❗ ** iOS Version of App has not been tested yet.** About The App ONA or Open News App is an open source React Nati

Jun 22, 2022
iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).
iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

FinanceReactNative iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). Data is pulled from Yahoo Finance

Jun 14, 2022
You can automize iOS and Android app's build, upload and versioning processes via Mobile App Automizer CLI tool.
You can automize iOS and Android app's build, upload and versioning processes via Mobile App Automizer CLI tool.

Mobile App Automizer You can automize iOS and Android app's build, upload and versioning processes via Mobile App Automizer CLI tool. You can upload y

Jun 16, 2022
News App built using React Native and NewsAPI.org.
News App built using React Native and NewsAPI.org.

The NewsX Times A News App created using React Native. Do Star ⭐ this repo, if you like it. App Features Get Latest and Trending News ?? In-app Browse

Jun 10, 2022
An unofficial basic implementation of the BBC News app built using React Native
An unofficial basic implementation of the BBC News app built using React Native

Unofficial BBC News App in React Native A basic implementation of the BBC News app built using React Native, the project helped with understanding how

Jun 8, 2022
📺 A news app using YouTube playlists, built with React Native
📺 A news app using YouTube playlists, built with React Native

NewsWatch-React-Native A YouTube News app for iOS, made with React-Native. Enjoy watching your daily news. Screencast: This project was bootstrapped w

Jun 8, 2022
An unofficial Pixiv app client for Android and iOS, built with React Native.
An unofficial Pixiv app client for Android and iOS, built with React Native.

PxView Unofficial Pixiv app client for Android and iOS, built with React Native. Screenshots Features Bottom navigation Ranking Enjoy the latest popul

Jun 22, 2022
🏀 iOS and Android NBA app created with React Native
🏀 iOS and Android NBA app created with React Native

Swish An iOS and Android NBA app created with React Native. If you would like to request a feature, find a bug, have a question, or would like to leav

Feb 10, 2022
An unofficial NearbyLive app client for Android and iOS, built in React Native
 An unofficial NearbyLive app client for Android and iOS, built in React Native

Basic Overview An iOS and Android client for http://wnmlive.com/ written in React Native with Redux. Screenshots Existing functionalities Authenticati

Apr 10, 2022
Thai Vocabulary Learning App in React Native (available both iOS and Android).
Thai Vocabulary Learning App in React Native (available both iOS and Android).

VocabReactNative Demo App preview Running Clone & install Clone this repo git clone [email protected]:thaiinhk/VocabReactNative.git cd VocabReactNative r

Mar 10, 2022
A Third-party Hupu App (http://bbs.hupu.com/) client implemented using React Native (Android and iOS).
A Third-party Hupu App (http://bbs.hupu.com/) client implemented using React Native (Android and iOS).

React-Native-HupuJRS 中文文档点此 This is a third-party client for the React Native version of Hupu Forum, which is compatible with Android/iOS platform and

Feb 14, 2022
A GitHub Jobs Search App built in React Native for iOS and Android
A GitHub Jobs Search App built in React Native for iOS and Android

GitHub Jobs React Native A GitHub Jobs Search App built in React Native for iOS and Android Setup Follow react native getting started guide : https://

Mar 29, 2022
Jun 8, 2022