5 React Native Open Source Projects to Explore

Studying open source code is the best way to learn how to write high-quality code, especially when it comes to a new tool with incomplete standards. One such tool is React Native. It is constantly being improved, the functionality of its API is expanding with each release, and the number of libraries is growing. At the same time, most of the training resources for working with React Native are very superficial and do not go beyond the introductory recommendations. But even so, learning the source code should be the norm for every developer.

I want to introduce 5 open source projects that I study myself and advise the rest.

The best way to learn how to write software is to study open source.

Any Senior

HackerNews-React-Native Developer HackerNews React Native


Application (iOS)

This project is a simplified version of the HackerNews application written in React Native. You will learn how to create full-fledged applications using the components of the framework without having to deal with the complex aspects of building an architecture.

Snowflake


Snowflake (iOS)

Snowflake is not just an application, but a step-by-step guide that will teach you how to think as a developer on React Native. It contains detailed descriptions and step-by-step demos that allow you not to miss a single detail. If you want a deep understanding of React Native, I highly recommend that you familiarize yourself with this app.

React-Native-NW-React-Calculator


Launching the application on React Native

Cross-platform calculator (Web / Mac App / Mobile), working from a single source code base. Yes, yes, I didn’t make a reservation. This project demonstrates the true power of ReactJS used in tandem with React Native. He will also teach you how to build the right architecture of the source code base in order to maximize the use of all its capabilities. This is one of my favorite examples.

React-Native-NBA-App


NBA App (iOS)

This application can teach you many things about developing user interface components. This is one of the most accurate React Native implementations compared to unmanaged code. It also presents a very successful code structuring model that deserves special attention.

The FinanceReactNative


Finance App (iOS)

Finance App is a good example of working with third-party APIs, as well as displaying numbers, charts, and other important information. Given that the functionality of most applications requires all of the above options, this application rightfully occupies a place in this list.

Bonus:

Facebook's F8 Conference App


Facebook F8 React Native

UPD Conference App : Immediately after writing this article, it became known that Facebook made public the source code for its React Native Facebook F8 conference app. The application was created with the support of developers from React Native, which makes it even more relevant for this list.

PS You might also be interested inAwesome ReactNative is a select list of React Native components, tools, training materials, and news.