https://github.com/whoabhisheksah/react-handson
https://github.com/whoabhisheksah/react-handson
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/whoabhisheksah/react-handson
- Owner: whoAbhishekSah
- Created: 2024-06-14T15:32:30.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-06-15T14:46:41.000Z (12 months ago)
- Last Synced: 2025-01-21T15:28:23.828Z (4 months ago)
- Language: JavaScript
- Size: 219 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React handson
Getting handson with React. The main idea is to learn optimizations while builidng SPAs. [Source](https://martinfowler.com/articles/data-fetch-spa.html)
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
#### Build tools
1. Formatting check: `npm run fmt`
2. Formatting Fix: `npm run fmt-fix`
3. Lint check: `npm run lint`
4. Lint Fix: `npm run fix`
## Optimizations
1. Request Waterfalls and Fetch-On-Render -> Fetch then render.
Both UserBrief and Friends are presentational components that react to the passed data. This way we could develop these component separately (adding styles for different states, for example). These presentational components normally are easy to test and modify as we have separate the data fetching and rendering.
2.