5 React Native Open Source Projects To Learn From

Best way to learn writing software is to read open source code — Every Senior Programmer.

Reading open source code is the best and effective way to teach yourself to write better code, especially if the tool is fairly new or the standards around that tool are still evolving. ReactNative is a perfect candidate for such a tool. It is under constant iteration cycle with APIs evolving with every release, Massive pool of libraries to chose from and a very limited list of resources on how to move beyond getting started guides. Even otherwise, It is always a best practice to read open source code every now and then.

Here is my handpicked list of 5 open source projects which I personally follow:

  1. Hacker News React Native
Hacker News React Native Client

This project demonstrates a lightweight implementation of HackerNews app in ReactNative. It ramps you up on how to interact and build a full fledge app using components provided by the framework without getting into complex architectural know-how.

2. Snowflake

Snowflake

 

Snowflake rather than an app; It is a step-by-step guide to onboard you on react native mindset. It has a detailed explanation and video screencast on each step to make sure don’t lose a bit. I personally recommend going through this project if you’re looking for deep dive into ReactNative.

3.  React-Native-NW-React-Calculator

Calculator Built With React Native

A Calculator which works across platforms (Web / Mac App / Mobile) with a single codebase. No, I ain’t joking. This project showcases true power of ReactJS when blended with ReactNative. It also teaches you how to architect your code base to reach its potential. This is one of my personal favorites.

4. React-Native-NBA-App

NBA

From this ReactNative app, you could possibly learn tons of things. Mainly, UI components implementation. This is one of the closest ReactNative implementation in contrast with native. Also, It follows a very good code structuring pattern which is worth looking at.

5. FinanceReactNative

Finance App is a good resource to learn how to deal with third party APIs, displaying around numbers, Charts, and other crucial data. A majority of the apps deal with above-mentioned aspects in them. Which makes this project a part of this list.

Bonus:

Facebook’s F8 Conference App

UPDATE: Facebook open sourced their F8 conference ReactNative app just after I wrote this blog post. This app is by the creators of ReactNative itself, that makes it worth mentioning in the blog post.

P.S: Awesome ReactNative is a curated list of all other cool open source things. 🙂

Stay In Loop

My best content on product, engineering, and entrepreneurship. Delivered each week for free.

I won't send you spam. Unsubscribe at any time.

Leave a Reply