simple-examples-react-memo
Simple-examples-react-memo is the react application for experience with React Memo and useCallback by Junproger
Created with parcel-typescript boilerplate project-preset-with-parcel by Junproger
Preset Repository: link
Simple-examples-react-memo: link
How to use
- Download archive with repo
- Extract and open directory
- Run terminal in directory
- Enter command: yarn install
- Enter command: yarn start
- Enjoy! You can use it!
Tech Stack
- NodeJS -> nodejs
- Node Process -> node-process
- Parcel -> parcel
- ESLint -> eslint
- React Plugin -> plugin-react
- Import JS -> import-js
- Import Plugin -> plugin-import
- Prettier -> prettier
- JavaScript -> javascript
- TypeScript -> typescript
- TypeScript-ESlint -> typescript-eslint
- ES6 Modules -> es-modules
- CSS modules -> css-modules
- Types Definitions for Css-Modules -> css-modules-types
- React JS -> react-js
- SASS (optional) -> sass/scss
- CLSX (optional) -> clsx
Packages
- "@types/node": "^20.4.2",
- "@types/react": "^18.2.15",
- "@types/react-dom": "^18.2.7",
- "@typescript-eslint/eslint-plugin": "^6.0.0",
- "@typescript-eslint/parser": "^6.0.0",
- "eslint": "^8.45.0",
- "eslint-config-prettier": "^8.8.0",
- "eslint-import-resolver-typescript": "^3.5.5",
- "eslint-plugin-import": "^2.27.5",
- "eslint-plugin-prettier": "^5.0.0",
- "eslint-plugin-react": "^7.33.0",
- "parcel": "^2.9.3",
- "prettier": "^3.0.0",
- "process": "^0.11.10",
- "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "typescript": "^5.1.6",
Folders
Source
|-- ./assets
|-- ./components
|-- ./constants
|-- ./declares
|-- ./types
Source
- index.html as the entry point for Parcel, has links to favicon, styles and script
- index.tsx as the index script of the React application
- index.css as the global styles
- app.tsx as the React app
Reference
React+TypeScript Cheatsheets GIT
React+TypeScript Cheatsheets WEB
MICROSOFT TYPESCRIPT CODING GUIDELINES ENG
GOOGLE CODING TYPESCRIPT STYLEGUIDE RUS
License
The ISC License (ISC)