/news

React Native News App

Primary LanguageTypeScript

React Native News App

This project has been done using React Native and Typescript.

The app is a news reader that uses newsapi.org as a data source.

News can be obtained from different resources such as country or categories. It also has a system that automatically saves the news on the device for offline access. The refresh time of the news can be configured.

It has a simple search engine taking advantage of the power offered by Akita.

Features

  • Typescript
  • Akita | State Management
  • React Navigation
  • AsyncStorage
  • React Native Web
  • Jest Testing

Design Patterns

  • Compound Pattern: This pattern is illustrated in the country and category selection options for example.
  • High Order Component Pattern: It is used in several components of the application, with maximum scalability and code maintenance in mind.
  • Observer Pattern: The base of the app's working. From fetching data from the api/store, to searching and options. Maximum versatility and reactivity, without technical debt.

Screen Shots

Installation

$ npm install

Running the app

$ npm run start
› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web

The application has also been configured for web use.