Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/karlhadwen/newsreader
Building a newsreader using the HackerNews Api, React, React Testing Library, Styled Components, Axios & Memo
https://github.com/karlhadwen/newsreader
axios custom-hooks hackernews-api infinite-scroll memo react react-hooks react-testing-library styled-components
Last synced: 2 months ago
JSON representation
Building a newsreader using the HackerNews Api, React, React Testing Library, Styled Components, Axios & Memo
- Host: GitHub
- URL: https://github.com/karlhadwen/newsreader
- Owner: karlhadwen
- Created: 2019-09-26T17:21:01.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T11:28:33.000Z (about 2 years ago)
- Last Synced: 2023-08-22T05:22:37.967Z (over 1 year ago)
- Topics: axios, custom-hooks, hackernews-api, infinite-scroll, memo, react, react-hooks, react-testing-library, styled-components
- Language: JavaScript
- Homepage: https://bit.ly/CognitiveSurge
- Size: 1.98 MB
- Stars: 79
- Watchers: 5
- Forks: 24
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Building a newsreader using the HackerNews Api, React, React Testing Library, Styled Components, Axios & Memo. (http://bit.ly/CognitiveSurge)
This application is a newsreader that calls the Hackernews Api. This project was built using React (create-react-app as a base) and the technologies used were React (Custom Hooks), Styled Components, Axios, Memo and React Testing Library. I'm hoping this application gives people a better understanding of React. This application was built for a YouTube video which can be viewed here: https://www.youtube.com/watch?v=7DLRJj1YjvQ
Subscribe to my YouTube channel here: http://bit.ly/CognitiveSurge where I build projects like this! And don't forget, you can contribute to this project (highly encouraged!). One thing I didn't get time to do was incorporate accessibility into this application, so I'd love to see that added!
![Preview](newsreader-preview.png?raw=true)