Coder Social home page Coder Social logo

cheeaun / hackerweb-native-2 Goto Github PK

View Code? Open in Web Editor NEW
58.0 4.0 13.0 2.64 MB

HackerWeb 2: A read-only Hacker News client.

Home Page: https://apps.apple.com/app/id1084209377

JavaScript 100.00%
hackerweb hacker news hn hackernews ios reactnative expo mobile

hackerweb-native-2's Introduction

HackerWeb 2

A read-only Hacker News client.


HackerWeb is a super-clean Hacker News app built for maximum readability and has a lean set of features to optimize the reading experience.

It’s created specifically with iOS design guidelines in mind, so it feels native and blends well with the operating system.

It has a simple set of features that are usually invisible:

  • Dual Web and Comments tabs for easy switching between the story’s web page and the list of comments
  • Revolutionary comments thread UI for easy navigation, with smart collapsing to prevent being overwhelmed by too many comments
  • Automatic Dark mode, respecting the system’s appearance settings.
  • Smart indentations and formatting for comments, complementing the existing limited formatting from Hacker News.
  • Automatic syntax highlighting for code blocks in comments, with best-effort programming language detection.
  • Allow interactions like upvoting and replying, which opens up web view with login information and sessions stored in itself, instead of the app.
  • Comment’s “Thread view” to list all parent comments of a comment, on a flat list, for easy reading instead of manually drilling down the nested comments.
  • “Share as Image” for comments, which allows sharing of a specific comment, optionally including the parent comments and/or story, as an image.

HackerWeb is an unofficial Hacker News client, built with React Native and Expo.

This is a passion side project for learning and experimenting ideas. Since 2012.

Also a complete rewrite of the first version launched in 2016.

Download

Download on the App Store

Preview

Light

Dark

Development

This is built with Expo under the Managed Workflow. Currently using SDK 45 and targeted only for iOS (for now).

npm install -g expo-cli

After cloning this repository:

cd hackerweb-native-2
npm i
npm start

Resources

License

  • MIT.
  • Not affiliated with Hacker News or YCombinator.

hackerweb-native-2's People

Contributors

cheeaun avatar flexbox avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

hackerweb-native-2's Issues

Reader mode

It would be great if there was a way to turn on reader mode on websites that support it (and possibly a setting for it to turn on automatically)

Feed doesn’t update

New app looks really great, thanks for making this.

I've noticed that since the feed updated the first time after the update it doesn't refresh its content anymore and shows a stale feed:

image image

(Using version 2.0.0 (9))

Result comparison with EAS Build

Hi there!

I saw your post on Reddit and the concern about app size. I thought I'd use this as an example to try out the new EAS Build preview and the early support it has for managed workflow.

The app worked with EAS Build without any changes required (beyond creating eas.json when running eas build), and the install size was reduced to ~6.7mb on my iPhone 11 Pro, down from 52.6mb reported from the App Store for the expo build version of the app.

Here's a screenshot of the build info in App Store Connect, and a video of the result (mostly indistinguishable from the source, I just renamed the app and you'll notice in the settings there is no Expo SDK version present in the build).

IMG_8242

RPReplay_Final1608663895.mp4

Basically what EAS Build does for managed projects is "eject" the project, configure everything based on your app config and installed packages, then set up the credentials and run a build with fastlane gym.

This took about 11 minutes (after brief queuing):

Screen Shot 2020-12-22 at 11 25 02 AM

If you want free early access to this so you can try it out and give feedback, just DM me on Twitter @notbrent and let me know what your Expo username is and I can add you :)

(we'll have a free tier that should be more than enough for hobby/open source apps like this when we launch General Availability)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.