This app is a simple and easy-to-use API that returns JSON metadata for news headlines and articles live from NewsAPI.org using React Native.

Project Status - Completed: 07/17/2018

• Description
• What I Learned From The Exercise
• Website Technologies Used
• How to Use This App
• File and Directory Structure
• Resources
• License
• Revision History

A breif tutorial on how to work with react-native, and newsapi.org to return JSON metadata for news headlines and articles live from NewsAPI.org and outputting the returned results via react-native.

• How to work with and consume the News API, Fetch API and FlatList
• How to start working with React-Native
• How to do a pull down to refresh on a native app
• Linking

Description of website technologies used to develop this app.

• HTML
• CSS
• JavaScript
• Node.js
• React Native
• Bootstrap

Libraries used

• moment
• react-native
• react-native-elements
• react-native-vector-icons

Requirements: Android Studio or Xcode, npm, and React Native.

• Install the dependencies by runinning npm i
• Run react-native run-android or react-native run-ios depending on your platform.

.
├── assets
│   │
│   └── img
│       │
│       └── favicon.ico
├── src
│   │
│   ├── components
│   │   │
│   │   └── Article.js
│   │
│   └── news.js
│ 
├── .gitignore
│ 
├── App.js
│ 
├── app.json
│ 
├── index.js
│ 
├── LICENSE
│ 
├── package-lock.json
│ 
├── package.json
│
└── README.md     
       

Article How to build a news app with JavaScript and React Native

GitHub msal4/royal_news

Medium FreeCodeCamp How to build a news app with React Native

API key and for more information on NewsAPI.org

Royal News is MPL licensed

Description of revisions - Completed: 07/17/2018

• Dev - file and directory structure updated - 07/17/2018
• Dev - completed code - 07/17/2018