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

Overview

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

Comments
  • Parse HTML in news content

    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 :)

    opened by kennydee 17
  • Upgrading to React Native 0.16

    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

    opened by iSimar 8
  • Convert the app to Exponent, update to react-native 0.31

    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

    opened by brentvatne 4
  • [Android] JS Bundle fails to load with an error.

    [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-

    root@purvotara:~/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?

    opened by bozzmob 4
  • Is this in the appstore?

    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. :)

    opened by bnolan 4
  •  Could not find property 'MYAPP_RELEASE_STORE_PASSWORD'

    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}.

    opened by ws123 3
  • android version get a exception when invoke js

    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)
    
    opened by icefoggy 3
  • Android Port

    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.

    opened by ivanph 3
  • Migrate code to ES6(update RN to v0.27.2 & update react-native-vector-icons to v2.0.3)

    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.

    opened by yukunwu 2
  • Content doesn't update

    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?

    opened by ccheever 2
  • A small mistake: redefine property textAlign

    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.

    opened by duduzai 1
  • Build Failed issue in Deco IDE

    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)

    opened by bygirish 0
  • CFBundleIdentifier does not exist

    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

    opened by ilyarmnzhdn 8
  • can I live without exponent

    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.

    opened by amitbravo 0
Owner
Simar
it is what it is
Simar
A news application through which you can learn and browse all the news that interests you by choosing the country and type of news with the ability to browse and add some news to your favorites

MY-NEWS-Android A news application through which you can learn and browse all the news that interests you by choosing the country and type of news wit

Mahmoud ELramady 0 Nov 11, 2021
Hacker News Android App - Made with Kotlin

HackerNewsApp Hacker News Android App - Made with Kotlin Simple app that request, the latests HackerNews posts and allows to delete items from the cli

Fernando Herrera 1 Dec 8, 2021
React-native-user-interface - Change React Native userinterface at runtime

react-native-user-interface change RN userinterface at runtime. Installation npm

Ahmed Eid 0 Jan 11, 2022
Matomo wrapper for React-Native. Supports Android and iOS. Fixed issues for native platforms build that are present in the official package.

@mccsoft/react-native-matomo Matomo wrapper for React-Native. Supports Android and iOS. Fixed issues for native platforms build that are present in th

MCC Soft 4 Dec 29, 2022
Android News App built in kotlin with implementation of MVVM architecture, android navigation components and retrofit. Displays news to users allowing them to share and save news.

News-App Android news app built in kotlin that fetches news data from news api with Retrofit and displays news to users. This App follow MVVM architec

Raj Manjrekar 16 Dec 29, 2022
News-App - A news app Which displays news with the help of JSON data

News-App This is a news app Which displays news with the help of JSON data

Lalith Sharma 0 Feb 16, 2022
An open source Hacker News client for Android.

Hacker News Come chat with us on Gitter.im! An open source Hacker News client for Android phones & tablets. Available on the Google Play Store How to

Matthew Bishop 227 Dec 11, 2022
A News Application Shows Breaking News of the Country with a feature to save News for future Use.

A News Application Shows Breaking News of the Country with a feature to save News for future Use.You can search news on any topic.Used all latest stuffs in android like Navigation Component, MVVM Architecture, Retrofit, Room DataBase, Kotlin Corutines etc

Aman Bhatt 2 Oct 20, 2022
Initiate immediate phone call for React Native on iOS and Android.

react-native-immediate-call-library Initiate immediate phone call for React Native on iOS and Android. Getting started Using npm: npm install react-na

null 7 Sep 7, 2022
A 2020s compatible React Native keyboard avoiding view for Android and iOS that just works.

react-native-keyboard-shift Example Snack coming soon Until then: Clone this repo: git clone https://github.com/FullStackCraft/react-native-keyboard-s

Full Stack Craft 66 Aug 16, 2022
🚀 React Native Segmented Control, Pure Javascript for iOS and Android

Installation Add the dependency: npm i react-native-segmented-control-2 Peer Dependencies Zero Dependency ?? Usage Import import SegmentedControl from

FreakyCoder 11 Nov 10, 2022
An Animated Scrolling View for React Native applications, supported on both iOS and Android

react-native-focused-scroll An Animated Scrolling View for React Native applications, supported on both iOS and Android Preview react-native-focus-scr

Fatemeh Marzoughi (Saba) 3 Aug 12, 2022
🌄 Photo editor using native modules for iOS and Android. Inherit from 2 available libraries, Brightroom (iOS) and PhotoEditor (Android)

React Native Photo Editor (RNPE) ?? Image editor using native modules for iOS and Android. Inherit from 2 available libraries, Brightroom (iOS) and Ph

Baron Ha. 242 Dec 28, 2022
The News App has been carried out within the framework of the MVVM architecture, information about news is obtained by consulting an API, it is built usisng Jetpack Copose, Coroutines, Dependency Injection with Hilt and Retrofit

Journalist The News App consists of an application that displays the latest news from EEUU from an API that provides official and updated information.

null 0 Nov 3, 2021
NewsFeedApp - An android news-feed-app which shows latest news of various sources

NewsFeedApp An android news-feed-app which shows latest news of various sources

Srihitha Tadiparthi 4 Aug 8, 2022
Newesy is news app which uses NewsAPI to fetch news.

Newesy is news app which uses NewsAPI to fetch news.The main aim of this app was to learn Modern Android Architecture (MVVM).It uses MVVM,Kotlin-coroutines,Room,ViewModal,Retrofit,GSON and Navigation graph

SHANTANU RATHOD 7 Oct 29, 2022
This is a News Application for android mobiles, fetching news through Guardian API.

News-In-Hand This is a NEWS FEED APP which gives a user regularly-updated news from the Internet. To achieve this, I use the Guardian API. This is a w

Bhramar Virmani 1 Nov 5, 2021
NativeScript empowers you to access native platform APIs from JavaScript directly. Angular, Capacitor, Ionic, React, Svelte, Vue and you name it compatible.

NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de

NativeScript 22k Dec 31, 2022
React Native Stone SDK Implementation (Support for both Mobile and POS versions)

react-native-stone-pos Stone Android POS Native Module Installation Stone has a private packageCloud repository, so we need to have your token before

8Sistemas 9 Dec 10, 2022