54 Stories To Learn About React Native Development

Written by learn | Published 2023/05/31
Tech Story Tags: react-native-development | learn | learn-react-native-development | react-native | react | mobile-app-development | web-monetization | create-react-native-app

TLDRvia the TL;DR App

Let's learn about React Native Development via these 54 free stories. They are ordered by most time reading created on HackerNoon. Visit the /Learn Repo to find the most read stories about any technology.

1. Checkers on React - Part 3 - Figure

2. Building an Online Covid Testing Application Using Eyeson

Rex Solution used the eyeson API to add live video, audio, data and to store recordings easily to the covid testing application project.

3. How to Build a Live Video Streaming App Using the Agora React Native SDK

In this article, we will create a live broadcasting app that can accommodate numerous broadcasters and entertain thousands of users using the Agora Video SDK.

4. Higher Order Components (HoCs) in React

Higher Order Components are actually a design pattern derived from the compositional nature of React, which allows us to derive components...

5. React Hooks Added in the Svix React Library

The Svix React library now ships with custom React Hooks to make building a custom Portal easier than ever.

6. How to be a React Native Developer

How to be a React Native Developer

7. Top 5 React Native Starter Kits to Try | Review Guide 2021

Top 5 React Native starter kits with all ready-to-use components to build your first mobile app faster.

8. How to Make Beautiful, Easy-to-read Charts with React Native Gifted Charts

The most complete library for Bar, Line, Area, Pie, and Donut charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.

9. Do's and Don’ts to Manage Remote React Native Developers

Effectively & efficiently managing remote developers can be challenging. This article explains the do's and don'ts of managing remote react native developers.

10. Building a Free Music Site Using React Native

So, you want to build a music site with React Native. That’s not an ordinary task because of certain technical limitations but it’s still possible. The chosen framework works best for mobile applications so you can get two or even three products instead of one: a music website and mobile apps for iOS and Android. Sounds good, huh? The question is how to develop such solutions, and we’re going to answer it in this guide.

11. Why a Majority of Startups Prefer ReactJS

Just like progress in other tech fields, front-end web development is advancing too. Let's try and understand why ReactJS development is a startup favorite?

12. Top 6 Databases for React Native App Development

In this post, we are reviewing the best databases for React Native to help you create your new app.

13. Getting started with React Native for Windows & macOS

News flash! React Native is not only for mobile development. It can also be used to create desktop apps for Windows and macOS. Learn how to get started with it.

14. How to Improve Your Web Development Process With React

React is a powerful JavaScript library that has revolutionized the way developers build web applications.

15. 2022’s Top 5 React Native UI Libraries

Let's list down some of the best React Native UI libraries available that not only help you use a robust approach but also offer quality support for platforms.

16. What is React Native Used For: A Short Guide

React Native what is? For those who do not know, React Native or RN is an open-source framework that allows you to build apps on multiple platforms like iOS or Android and web applications, using the very same code base.

17. Flutter vs. React Native - What to Choose in 2021?

With many startups choosing Flutter for MVP development recently, React Native is facing tough competition from Flutter.

18. Angular JS or React - What's Best for Client-side JS Framework

AngularJS and React are two of the most popular choices for developing client-side applications. Both offer a variety of benefits and differences .

19. How to Secure React Native Application?

Security is one of the most important factors for mobile apps development. Get the necessary steps for Securing React Native Application.

20. Creating a Todo App with NextJs & Firebase

Hey devs, welcome to this tutorial; we will build a real-time Todo App with React, NextJs + Firebase.

21. How We Helped Bring Hermes to iOS in React Native 0.64

For a long time Hermes was exclusive to Android – it was optimized for running React Native apps on Android only. Now it’s finally available on iOS as well.

22. Ionic vs React Native: What to go For When Building a Mobile App

In this article, we compare Frameworks: Ionic vs React Native, and learn about what the better option is for your usecase.

23. Is There a High Demand for React Programmers?

React.js is one of the most demanding frameworks on the market; it is now used by 31.3 percent of all professionals globally. Netflix, PayPal, eBay, Airbnb, and other leading IT companies utilise the tool to develop scalable, easy-to-maintain systems. Why are corporations so interested in implementing React.js?

24. Checkers on React - Part 1 - Project Configuration and Initialization

I want to start a series of stories where I will try to implement a Checkers game.

25. Why Use the Pressable Component Over the Touchable Components

A definitive guide on when you should use the Pressable component and when you should (or shouldn't) use the Touchable components.

26. How to Get Started Quickly with a Navigation Bar in Your React Project

This article gets you started with a navigation bar in your React project. It shows you how to integrate the Superflows library and setup the default navigation

27. Understanding the useContext Hook for Efficient State Management in React

Learn how to efficiently manage state in React applications using the useContext hook.

28. From Native to React Native

React Native brings down the time to fast prototyping app ideas from weeks to hours, by abstracting out the underlying device on which to deploy the app.

29. Future-Proofing Your React File Uploader

Uploading a file in ReactJS is vital for the developer while creating his application.

30. React Native - The Future of Mobile App Development

React Native gives you full freedom to choose the tools, architecture, and extensive libraries for developing a mobile app.

31. How to Publish On the App Store

How to publish an app to the app store. Using react native, expo, eas, MongoDB, Express, AWS, and Git to publish a full-stack app to the Apple app store.

32. Choosing React Native Over Hybrid Apps: A Big Win for the Startups in 2020

When you start with a tech startup company, numerous tasks tend to knock your door. Starting from choosing the right domain name to signing up of various tasks, everything needs to be looked upon. Amongst which selecting the right platform for the website and applications is one of them.

33. How to Provide Support for React Native Apps on the Windows Platform

React Native is a framework developed by Facebook that is used to build the application on native platforms. It is preferred by most developers, due to its speed, agility, and ability to build hybrid applications in multiple platforms with an interactive user interface (UI).

34. Signing In with Apple in React-Native App [A How-To Guide]

Image Source : WebsOptimization

35. Using Core Node JS Modules in React Native Apps

Some times while creating advanced apps in react-native you may want to encrypt the data you are sending to the web for secured web communication. You may also want to use this module to encrypt the payment related data that is sent to payment gateway .Let’s say you want to use the crypto module to create some encrypted data. It might seem natural to do something like this:

36. Airbnb UI Clone with React Native Part #4 : Animate Top Tag Section

This tutorial is the fourth part of our Airbnb Home Screen UI clone using React Native. In the previous part, we successfully implemented the Home Around The World sections with home packages. This tutorial is the continuation of the same tutorial from where we left off in the last part. So, it is recommended to go through the previous parts for better insight and knowledge of the overall project.

37. AirBnB Clone with React Native Part #8 : Firebase Facebook Login (iOS)

This tutorial is the eighth chapter of our implementation of an Airbnb clone in React Native Template. In the previous chapter, we successfully implemented the “Forgot Password” feature with Firebase.

38. React Native WebView Plugin Introduction

In React Native, WebViews enable access to any web portal in the mobile app itself. In other words, a web view allows us to open the web URLs inside the app interface. While React Native provides us with a built-it web view component, but we are going to use react-native-webview plugin in this tutorial, since it is more powerful. React Native WebView is a modern, well-supported, and cross-platform WebView for React Native.

39. A Short Guide to React Native App Development

React Native is undoubtedly one of the most widely used cross-platform frameworks for creating native-like apps. This framework can be easily used for developing brand-new apps from scratch and even in existing iOS or Android projects.

40. Airbnb Home Screen UI Clone with React Native #1 : Setup UI

This tutorial series was inspired by React native template which helps us build some amazing ready to deploy applications that anyone can use to build startups or sell the application templates. This tutorial replicates the coding implementations and designs from the Youtube video tutorial by Unsure programmer for the Airbnb clone. The video tutorial is very easy to follow and intuitive. Here, we are going to follow the video tutorial but implement it by using a different version of React Native packages and plugins.

41. Benefits of Using React Native for MVP Development

This article explores why startups choose to develop MVP and the numerous benefits awarded to mobile projects because of React Native.

42. A Guide to Embedding and Playing YouTube Videos in React Native Apps

Embedding and playing YouTube videos in your React Native app is seamless and a more affordable way of displaying videos in your app

43. Is building Mobile Apps Using React Native the Future of App Development?

React Native saves 40% to 90% time in developing apps on different platforms. Though a community of developers may say React Native can’t provide the best to business, it’s clear how the curiosity of working with this framework is growing. However, there are some points that businesses must know before considering it for their app project.

44. How to Start an App And Choose React Native Stack

How to Build a React Native App

45. Flutter vs. React Native – What to Choose for your UX in 2022

Flutter vs React Native What to Choose for your UX in 2022. React Native is upvoted by 42% of developers and Flutter, by 39%

46. Airbnb UI Clone with React Native Part #2 : Recommended Homes View

This tutorial is the second part of our Airbnb Home Screen UI clone using React Native. In the previous part, we successfully implemented the bottom tab bar and the search bar at the top. This tutorial is the continuation of the same tutorial from where we left off in the last part. So, it is recommended to go through the previous part for better understanding and insight into the overall project.

47. Mobile Deep Linking for Your React Native App: How to Bootstrap Conversion Easily

Mobile deep linking is a technique that allows you to funnel users deeply into your app through a specific uniform resource identifier (URL).

48. React Native Plant App UI #3 : Implementing Welcome Screen

This tutorial is the third part of our React Native Plant App tutorial series. In the previous part, we successfully implemented all the components in our './components' folder. This tutorial is the continuation of the same tutorial from where we left off in the last part. So, it is recommended to go through the previous part in order to get insight and knowledge of the overall project.

49. Cross-Platform vs Native: The 50 Shades of Mobile App Development

Most merchants choose to design their mobile apps for both platforms. But herein comes the challenge.

50. [React Native Development] Camping Spots Finder App UI Clone Part I - Map view UI

This inspiration for this tutorial came from a real estate template that enables us to build fully functional ready to deploy mobile applications that anyone can use to build their own React Native application. This tutorial replicates the coding implementations and designs from the Youtube video tutorial by React UI Kit for the Camping Spots Finder App clone. The video tutorial features speed coding with quick implementations which may be difficult for beginners to grasp. So, this tutorial series breaks down the video into different sections. It also provides step by step guide which will be very easy for anyone to grasp and implement their own app.

51. How to Provide Support for React Native Apps on the macOS Platform

React Native is a framework developed by Facebook that is used to build the application on native platforms. It is preferred by most developers, due to its speed, agility, and ability to build hybrid applications in multiple platforms with an interactive user interface (UI).

52. The Best React Native UI Component Kits To Use In 2021

React Native was created by Facebook to accelerate and reduce the cost of developing mobile applications. It is clear that React Native is currently the best solution for creating cross-platform mobile applications.

53. Should You Develop a Hybrid or a Native App?

With an expanding smartphone market these days, many companies are choosing different ways to include mobile apps in their workflow to expand the market reach.

54. [DIY] Create an AirBnB Clone with React Native - Part IV: Login Error Notifications

This tutorial is the fourth chapter of our implementation of an AirBnB clone in React Native. In previous chapters, we’ve successfully implemented email authentication with Firebase. In case you need to get caught up, here are links to parts 1–3:

Thank you for checking out the 54 most read stories about React Native Development on HackerNoon.

Visit the /Learn Repo to find the most read stories about any technology.


Written by learn | Lets geek out. The HackerNoon library is now ranked by reading time created. Start learning by what others read most.
Published by HackerNoon on 2023/05/31