https://github.com/hendrixgotcodes/spa-with-react

https://github.com/hendrixgotcodes/spa-with-react

Last synced: 12 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/hendrixgotcodes/spa-with-react
• Owner: hendrixgotcodes
• Created: 2021-02-01T16:42:59.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-02-04T13:09:49.000Z (over 5 years ago)
• Last Synced: 2025-01-22T06:37:13.295Z (over 1 year ago)
• Language: JavaScript
• Size: 768 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme

Awesome Lists containing this project

README

          
Basic Building Blocks Of An SPA

1. Router

    -Responsible for manipulating the DOM (Often showing and hiding)

    -Handles user links and navigation inside the application

    -Updates URL bar, page titles (can be done through event listening of the url)

    -The "react-router-dom" library can help.

2. HTTP Library(Optional if you won't communicate with back-end)

    -Responsible for communication with the back-end of your application

3. State Manager

    -Throughout the lifespan of the SPA data such as volume levels, video points and even window sizes are to be saved

    this is the job of the state manager. The Redux library can help do that.

4. UI Layer

    -Literally anything the user sees, from textboxes, through buttons, forms and etc.