https://github.com/tjcchen/a-react-repo

A reactjs app repository
https://github.com/tjcchen/a-react-repo

Last synced: 5 days ago
JSON representation

A reactjs app repository

• Host: GitHub
• URL: https://github.com/tjcchen/a-react-repo
• Owner: tjcchen
• License: apache-2.0
• Created: 2022-07-16T15:46:22.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-29T15:15:26.000Z (over 2 years ago)
• Last Synced: 2025-02-07T02:03:08.568Z (6 days ago)
• Language: JavaScript
• Size: 1.46 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## a-react-repo

A reactjs app repository

## Website vs Web app

1. Website( presenting products / services )

- blogs

- portfolio's

- landing pages

2. Web app( Software running in a browser )

- social media platforms

- dashboards

- editing programs

- banking applications

## SPA( Single Page Application )

- Dynamic updates of the current web page( with data from a server ) instead of loading entire new pages

- Faster transitions => feels more like a native app

Non-SPA

- TripAdvisor( https://www.tripadvisor.com )

- Slow / clunky

SPA

- React Dashboard( https://react-material.fusetheme.com/dashboards/project )

- Fast / native-like

## Components

- Reusable

- Maintainable( refactoring, bug fixes, testing )

## React = Declarative

Declarative vs Imperative

- Telling what to do instead of how to do it

Declarative

- I want dinner with broccoli

React: here's your broccoli

Imperative

- Go to the kitchen

- Open fridge

- Remove broccoli from fridge

- Serve broccoli

## To start with

```js

npx create-react-app react-app

```

## JSX

- JavaScript XML

- templating-language

## Real World React Application

cypress-realworld-app: https://github.com/cypress-io/cypress-realworld-app.  

why did you render: https://github.com/welldone-software/why-did-you-render#setup

## License

Apache 2.0