The source code to How to build a news app with react native 📰

Overview

Royal News · PRs Welcome

The source code to How to build a news app with react native article on NimreyCode, medium, and dev.to.

  • Requirements: Android Studio or Xcode, npm, and React Native.
  • Install the dependencies by running npm i
  • Run react-native run-android or react-native run-ios depending on your platform.
  • Feel free to fork it 😄 .

    mobile preview


License

Royal News is MIT licensed.


This App uses the 💙 News API 💙

You might also like...
React Native Template for Taro

React Native Template for Taro requirement taro: @tarojs/cli@^3.2.0 framework: 'react' quick start install react native library install peerDependenci

A suite of IoT tools to use with React Native.

react-native-iot-tools WIP. A suite of IoT tools for React Native applications. Package iOS Android @react-native-iot-tools/bluetooth ✅ ❌ @react-nativ

A testing MQTT react native library

react-native-awesome-testing abc Installation npm install react-native-awesome-testing Usage import { multiply } from "react-native-awesome-testing";

Encryption/Decryption for React Native

@dhairyasharma/react-native-encryption Encryption/decryption for React Native. Benchmark File Details File Link http://bit.do/benchmarkfile File Size

Encryption/Decryption for React Native

@dhairyasharma/react-native-encryption Encryption/decryption for React Native. Benchmark File Details File Link http://bit.do/benchmarkfile File Size

React Native Photo Editor (RNPE)
React Native Photo Editor (RNPE)

React Native Photo Editor (RNPE) 🌄 Image editor using native modules for iOS an

Discover Movies and TV shows -  React Native
Discover Movies and TV shows - React Native

movieapp Discover Movies and TV shows Download APK file Download from Google Drive - v2.2.1 What's included Name Description React Native Build Native

All my React Native examples

ReactNativeExamples All my React Native examples and experiements can be found here. This repo is divided into two sub folders, Instructions git clone

React Native Twitch application
React Native Twitch application

Notes I'm going to rewrite this project 😉 . Be ready to new Twitch application. Twitch This project was built for The Rolling Scopes #18 meetup. As o

Comments
  • New Design for Royal News

    New Design for Royal News

    Hi,

    I'm designing for open source projects, expanding my portfolio. I want designing an icon for your project. There are a few ideas in my mind, I hope you accept and I do them. If you have an idea, please let me know. In this way we create a beautiful icon.

    Best Regards.

    opened by Yasujizr 7
  • No way to start your project locally

    No way to start your project locally

    Hi there,

    I came across your article, it was great but it would have been better with a little more details on how to set up the project so it would run locally. I am here, post writing code, and I can't start my app. I am using nvm to change between node 8-10 and only on node v10 do I not get the error

    SyntaxError: Unexpected token import

    However on node 10 I get this error

    SyntaxError: Unexpected token {

    Your read has no mention of how set up the project locally and what version of node you might need or any needed, if there are any, auxiliary modules. Could you please include a set up step or a start command? I have been using

    node index.js

    but that throws the errors I mentioned above. Sorry if I seem a bit agitated. I really liked your article, however; I lost my shit when I couldn't get it run locally and there was no mention of how to do that on your post or README. Again sorry, but please help me get this up and running. Thank you!

    opened by engineerKev 1
  • Your API shouldn't be put publicy on this repo

    Your API shouldn't be put publicy on this repo

    You should remove your api key from the news.js file. you should put a placeholder in the URL instead. Something like Put your API Key here. Some people might use your key to abuse newsapi.org in your name.

    opened by ztickm 1
  • Could you explain what this line does?

    Could you explain what this line does?

    I can't understand why it's necessary.

    https://github.com/msal4/royal_news/blob/57ee1fc639891d1d4fd75f02e6a70058d7e556b7/app/news.js#L9

    Thanks in advance.

    opened by Pustur 1
React Native library that implements PayPal Checkout flow using purely native code (swift).

react-native-paypal-swift React Native library that implements PayPal Checkout flow using purely native code (swift). Installation npm install react-n

Tibb 6 Nov 28, 2022
A Hacker News client written in React Native

React Native Hacker News A modern cross-platform HackerNews client built on React Native Features The app currently has the following functionality: H

George Jose 65 Dec 14, 2022
React Native Todo List example app which uses Redux for managing app state

react-native-redux-todo-list A sample todo list app developed by using React Native and Redux. How to run the app Install react-native If you don't ha

null 43 Oct 11, 2022
iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

FinanceReactNative iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). Data is pulled from Yahoo Finance

kf 2k Dec 29, 2022
🏀 iOS and Android NBA app created with React Native

Swish An iOS and Android NBA app created with React Native. If you would like to request a feature, find a bug, have a question, or would like to leav

James Kuczmarski 108 Nov 11, 2022
A react native interface for integrating payments using Braintree

A react native interface for integrating payments using Braintree

eKreative 17 Dec 30, 2022
React Native 实现无侵入自定义下拉刷新组件

react-native-ly-refresh-control 下拉刷新 iOS 基于MJRefresh 通过RCTCustomRefreshContolProtocol实现RefreshControl组件封装 JS端可以无侵入自定义下拉刷新只需要替换对应的refreshControl Androi

少言 12 Jul 2, 2022
iOS 15 share play API in react-native

react-native-shareplay iOS 15 share play API in react-native Installation yarn add react-native-shareplay And go to Xcode Capabilities and enable "Gro

Popshop Live 27 Oct 16, 2022
React Native package for interacting with HomeKit devices

React Native package for interacting with HomeKit devices

Ibrahim Berat Kaya 4 Dec 24, 2021
react native esptouch

react-native-esptouch One should know that This is a Unofficial project. The official demo is below: EsptouchForAndroid EsptouchForIOS Getting started

五毛共和国 Wumaoland 0 Oct 25, 2021