https://github.com/anttargett/example-react-app

Example React App with Typescript
https://github.com/anttargett/example-react-app

axios context emotion emotionjs hooks material-ui react react-material-table react-pose typescript

Last synced: 14 days ago
JSON representation

Example React App with Typescript

• Host: GitHub
• URL: https://github.com/anttargett/example-react-app
• Owner: AntTargett
• License: mit
• Created: 2019-05-10T04:49:46.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-02-08T23:11:55.000Z (almost 4 years ago)
• Last Synced: 2023-03-02T03:22:04.501Z (over 1 year ago)
• Topics: axios, context, emotion, emotionjs, hooks, material-ui, react, react-material-table, react-pose, typescript
• Language: TypeScript
• Homepage: https://anttargett.github.io/Example-React-App/#/
• Size: 5.62 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Example-React-App 

#### Aim is to be used personally and for example Typescript/React with hooks and example usage of react-material-table

## Usage

- git clone this repo

- ``` npm install ```

- ``` npm run start ``` 

## Example

https://anttargett.github.io/Example-React-App/#/

![](Example-React-App.gif)

## Tech

- Typescript

- React (With Hooks) 

#### Core Dependencies

#### Design/Styling

- emotion 

- react-material-table

- material-ui

- react-pose

#### Testing

- Jest

- React-testing-library

#### Other

- axios

### Included Examples

- Lazy loading with React suspense

- React hooks

- Debounce hook 

- Using Emotion 10 styled components to style material ui 

- Created a useTheme hook utlising react context. Storing the chosen theme to local storage and allowing update via a toggle

- Using context, hooks and emotion 10 to have a dark and light mode

- Error Boundries 

- Typescript 

- Interface and regular types

- Extending types