https://github.com/1000ship/react-polyfill-test
Test ReactJS with polyfill For supporting IE
https://github.com/1000ship/react-polyfill-test
ie polyfill react
Last synced: 7 months ago
JSON representation
Test ReactJS with polyfill For supporting IE
- Host: GitHub
- URL: https://github.com/1000ship/react-polyfill-test
- Owner: 1000ship
- Created: 2021-07-08T13:16:56.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-08T16:23:06.000Z (over 4 years ago)
- Last Synced: 2025-01-29T09:16:49.079Z (9 months ago)
- Topics: ie, polyfill, react
- Language: TypeScript
- Homepage:
- Size: 2.07 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Let's check how many features works in IE
##
| Not IE | IE |
| -------------------------------------------- | ---------------------------------------- |
| 
| 
|
## Memo
- Only production mode supports IE browser
` "start:ie": "nodemon --watch 'src/**/*' -e ts,tsx,css --exec 'yarn build && serve -s build'"`
- Recognize IE browser
` export const isIE = /* @cc_on!@ */ false || !!(document as any).documentMode;`
- Check out at this page
- Main Page : http://1000ship.github.io/react-polyfill-test
- Another Page : http://1000ship.github.io/react-polyfill-test/#/another
## JS
- async-await / Promise (OK)
- useState (OK)
- useEffect (OK)
- useRef (OK)
- useCallback (OK)
- useContext (OK)
- fetch (OK)
## CSS
- flexbox (NO)
```css
.like_flexbox {
display: table-cell;
text-align: center;
vertical-align: middle;
}
```
- animation (NO)
- Unit 'vw', 'vh' (OK)
- cursor (OK)
- @media query (OK)
## Module
- styled-components (OK)
## Other
- import SVG file (OK)
- Typescript (OK)
- react-router-dom (OK)
(Don't put 'homepage' attribute in package.json)