Move integrating with an API backend to its own file

This commit is contained in:
Kristofer Selbekk
2018-10-07 20:01:18 +02:00
parent aec99b5678
commit 4e7e32f57c
3 changed files with 26 additions and 26 deletions

View File

@@ -0,0 +1,24 @@
---
id: integrating-with-an-api-backend
title: Integrating with an API Backend
---
These tutorials will help you to integrate your app with an API backend running on another port,
using `fetch()` to access it.
### Node
Check out [this tutorial](https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/).
You can find the companion GitHub repository [here](https://github.com/fullstackreact/food-lookup-demo).
### Ruby on Rails
Check out [this tutorial](https://www.fullstackreact.com/articles/how-to-get-create-react-app-to-work-with-your-rails-api/).
You can find the companion GitHub repository [here](https://github.com/fullstackreact/food-lookup-demo-rails).
### API Platform (PHP and Symfony)
[API Platform](https://api-platform.com) is a framework designed to build API-driven projects.
It allows to create hypermedia and GraphQL APIs in minutes.
It is shipped with an official Progressive Web App generator as well as a dynamic administration interface, both built for Create React App.
Check out [this tutorial](https://api-platform.com/docs/distribution).

View File

@@ -11,9 +11,6 @@ You can find the most recent version of this guide [here](https://github.com/fac
## Table of Contents
- [Integrating with an API Backend](#integrating-with-an-api-backend)
- [Node](#node)
- [Ruby on Rails](#ruby-on-rails)
- [Using HTTPS in Development](#using-https-in-development)
- [Generating Dynamic `<meta>` Tags on the Server](#generating-dynamic-meta-tags-on-the-server)
- [Pre-Rendering into Static HTML Files](#pre-rendering-into-static-html-files)
@@ -25,28 +22,6 @@ You can find the most recent version of this guide [here](https://github.com/fac
- [Advanced Configuration](#advanced-configuration)
- [Alternatives to Ejecting](#alternatives-to-ejecting)
## Integrating with an API Backend
These tutorials will help you to integrate your app with an API backend running on another port,
using `fetch()` to access it.
### Node
Check out [this tutorial](https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/).
You can find the companion GitHub repository [here](https://github.com/fullstackreact/food-lookup-demo).
### Ruby on Rails
Check out [this tutorial](https://www.fullstackreact.com/articles/how-to-get-create-react-app-to-work-with-your-rails-api/).
You can find the companion GitHub repository [here](https://github.com/fullstackreact/food-lookup-demo-rails).
### API Platform (PHP and Symfony)
[API Platform](https://api-platform.com) is a framework designed to build API-driven projects.
It allows to create hypermedia and GraphQL APIs in minutes.
It is shipped with an official Progressive Web App generator as well as a dynamic administration interface, both built for Create React App.
Check out [this tutorial](https://api-platform.com/docs/distribution).
## Using HTTPS in Development
> Note: this feature is available with `react-scripts@0.4.0` and higher.

View File

@@ -33,7 +33,8 @@
"adding-relay",
"adding-a-router",
"adding-custom-environment-variables",
"fetching-data-with-ajax-requests"
"fetching-data-with-ajax-requests",
"integrating-with-an-api-backend"
],
"Testing": ["running-tests", "debugging-tests"],
"Deployment": ["publishing-components-to-npm", "deployment"],