ReactJS a php + mysql

pytanie zadane 9 lipca 2018 w PHP przez kenjiro244 Dyskutant (8,600 p.)

Witam.

Stworzyłem sobie aplikację w czystym js z bazą danych mysql. Wszystkie dane pobierałem za pomocą ajax który pobierał dane z odpowiednich plików php. Które pobierały i przetwarzały dane z bazy danych.

Aplikacja rozrasta się na tyle że stwierdziłem że warto nauczyć się czegoś nowego więc przenoszę ją na reactJS. Jak powinienem zrobić teraz pobieranie tych danych. Chciałbym pozostawić moją baze danych a zapytania dalej wykonywać za pomocą ajax/fetch.

Tylko teraz pojawia się kilka problemów po mam problem z wykonaniem tych zapytań bo przeglądarki zabezpieczone są przez CORS. Jak powinno wyglądać rozwiązanie tego problemu, czy jest sposób aby tak jak w przypadku czystego js odwoływać się po prostu to ścieżki pliku który znajduje się w katalogu z projektem.`

1 odpowiedź

odpowiedź 9 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Ale kwestie CORS nie są związane z Reactem czy vanillaJS, tak na prawdę React to pewnego rodzaju "nakładka" na JS bo pod spodem i tak konwertuje się do JS. Ja z Reactem pracowalem tylko trochę więc nie wiem na ile moje rady będą "na topie", ale polecałbym poczytać o:

react redux (jeśli to większa apka to na pewno się przyda)
redux-thunk do stworzenia pewnego rodzaju symulacji acynchroniczności w aktualizacji store
czymś przyjemnym do obsługi http np. axios.

Mi taki zestaw w zupełności wystarczał, są też inne rozwiązania ale to już pewnie z czasem jak wejdziesz w Reacta to sam ocenisz. Ja przesiadłem się na Angulara 5/6 i na razie nie wracam do świata Reacta :)

komentarz 9 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

I jeśli już jesteśmy w świecie React to łap:

https://github.com/enaqx/awesome-react

komentarz 9 lipca 2018 przez kenjiro244 Dyskutant (8,600 p.)

Dzięki za link ale doszedłem do czegoś takiego niby działa na localhost ale mam dziwne przeczucie że jest to jakiś dziwny sposób a więc po kolei:

1. Plik php otwieram za podając taką ścieżkę

http://localhost/all_react/src/components/ajax/getTitles.php

2. Dodaję do tego pliku:

header('Access-Control-Allow-Origin: *');

header('Access-Control-Allow-Methods: GET, POST');

header("Access-Control-Allow-Headers: X-Requested-With");