Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/enes9103/redux_thunk_working_with_firebase_newspage

css-flexbox firebase-auth firebase-database javascript muiv5 react react-hooks react-router reactjs redux redux-thunk

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/enes9103/redux_thunk_working_with_firebase_newspage
Owner: enes9103
Created: 2022-05-10T13:49:49.000Z (almost 3 years ago)
Default Branch: master
Last Pushed: 2022-05-11T07:35:40.000Z (almost 3 years ago)
Last Synced: 2024-11-05T13:17:07.890Z (3 months ago)
Topics: css-flexbox, firebase-auth, firebase-database, javascript, muiv5, react, react-hooks, react-router, reactjs, redux, redux-thunk
Language: JavaScript
Homepage: https://enes9103.github.io/Redux_Thunk_Working_With_Firebase_NewsPage/
Size: 24.2 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

## Getting Started with Create React App
## Redux Nedir, Nasil Uygulanir

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Project Outcome
![Project gif](Animation.gif)

(back to top)

## `Kurulum`

```
npm install veya yarn install
```

## `Kullanilan Kutuphaneler`

- `redux` :
State management kutuphanesidir. React'ten bagimsiz olarak baska platformlar ile de kullanilabilir.
- `redux-thunk` : Redux ile birlikte thunk teknolojisini kullanabilmek icin kullanilan kutuphanedir.
- `react-redux` : Redux kutuphanesi ile olusturulan `store` ile React'in haberlesebilmesi icin kullanilan kutuphanedir.
- `axios` : API istekleri yapabilmek icin kullanilan kutuphanedir.
- `react-router-dom` : Proje icerisinde farkli URL'ler olusturup bunlar arasinda gezinebilmeyi saglayan kutuphanedir.

- `@mui/material-ui`
- `@emotion/react`
- `@emotion/styled`
- `firebase`

![redux middleware.gif](redux-middleware.gif)

## `Kullanilacak API`:

- https://newsapi.org/

- URL:
const url =
"https://newsapi.org/v2/everything?" +
"q=Apple&" +
"from=2022-04-18&" +
"sortBy=popularity&" +
"apiKey=1a1a999e0d7240a6bd2dead87bcca78e";

## `Kullanilacak Araclar`

- `Redux Dev Tools` : Chrome uzerinde calisan ve global state uzerinde yapilan tum degisikliklerin takip edilmesini saglayan tarayici uzantisidir. Indirmek icin [tiklayiniz.](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?utm_source=chrome-ntp-icon)`