Scribd
Upload
35 views

The Frontend (Client) : React SPA

The document outlines the frontend and backend architecture of a React single page application. The frontend uses React Router for routing between components and pages. State is managed with React hooks and Redux. Components are styled with CSS. The backend is a decoupled API that can be implemented with either REST or GraphQL endpoints to execute server code and handle data requests from the frontend.

Uploaded by

jai shree krishna
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
35 views

The Frontend (Client) : React SPA

The document outlines the frontend and backend architecture of a React single page application. The frontend uses React Router for routing between components and pages. State is managed with React hooks and Redux. Components are styled with CSS. The backend is a decoupled API that can be implemented with either REST or GraphQL endpoints to execute server code and handle data requests from the frontend.

Uploaded by

jai shree krishna
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

The Frontend (Client)

React SPA

Routes (with react- State Management Components + Styling


router-dom) (Hooks, Redux) (CSS)

Route Config + Page Redux Logic, React


Utility / UI Components
Components Hooks, Custom Hooks

Styles + some
components will be
provided
The Backend (Server)

Decoupled Ends

Backend == API

Execute Code on the Server


REST* API GraphQL API

Different URLs + Http Verbs One URL + Http Verb (= one


(= endpoints) for different endpoint) that accepts query
actions commands

*Representational State Transfer

You might also like