react-patterns
A collection of must-know ReactJS coding patterns.
File Explorer
Download Latest Version (.zip)- vite.svg
- client.ts
- hooks.ts
- initialContacts.ts
- ContactDetails.tsx
- ContactDetailsModal.tsx
- ContactList.tsx
- ContactsTable.tsx
- ContactTableRow.tsx
- CreateNewContactModal.tsx
- EditContactCompound.tsx
- EditContactModal.tsx
- EditContactPage.tsx
- Layout.tsx
- MantineLink.tsx
- Spinner.tsx
- $contactId.edit.tsx
- $contactId.index.tsx
- __root.tsx
- hello.tsx
- index.tsx
- createContext.tsx
- App.tsx
- main.tsx
- routeTree.gen.ts
- types.ts
- vite-env.d.ts
- .gitignore
- eslint.config.js
- index.html
- package-lock.json
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- vite.svg
- client.ts
- hooks.ts
- initialContacts.ts
- ContactList.tsx
- ContactsSearch.tsx
- Layout.tsx
- Spinner.tsx
- useDebounceValue.ts
- App.tsx
- main.tsx
- vite-env.d.ts
- .gitignore
- eslint.config.js
- index.html
- package-lock.json
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- vite.svg
- client.ts
- hooks.ts
- ConfirmationModal.tsx
- ContactDetailsModal.tsx
- ContactsTable.tsx
- ContactTableRow.tsx
- CreateNewContactModal.tsx
- EditContactModal.tsx
- Layout.tsx
- Spinner.tsx
- ConfirmationContext.tsx
- App.tsx
- main.tsx
- types.ts
- vite-env.d.ts
- .gitignore
- eslint.config.js
- index.html
- package-lock.json
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- vite.svg
- youssef-profile.png
- client.ts
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- hooks.ts
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.ts
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.ts
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.ts
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.ts
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.ts
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.ts
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.ts
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.tsx
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- DeleteContactButton.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.tsx
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- DeleteContactButton.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.tsx
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- DeleteContactButton.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.tsx
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- DeleteContactButton.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.tsx
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- DeleteContactButton.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.tsx
- ContactDetailsModal.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- DeleteContactButton.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- client.ts
- query.tsx
- Avatar.tsx
- ContactDetailsModal.tsx
- ContactNumber.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- DeleteContactButton.tsx
- Layout.tsx
- QueryErrorBoundary.tsx
- QueryLoadingBoundary.tsx
- Spinner.tsx
- TopBar.tsx
- index.tsx
- Patterns.tsx
- index.css
- main.tsx
- vite-env.d.ts
- eslint.config.js
- index.html
- package-lock.json
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- vite.svg
- client.ts
- db.ts
- query.tsx
- ContactsPage.tsx
- ContactsTable.tsx
- DeleteContactButton.tsx
- EditContactModal.tsx
- Layout.tsx
- Spinner.tsx
- TopBar.tsx
- App.tsx
- main.tsx
- types.ts
- vite-env.d.ts
- eslint.config.js
- index.css
- index.html
- package-lock.json
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- .gitignore
- package-lock.json
- package.json
- README.md
# Installation Guide
1. Get the code
git clone https://github.com/josefbender/react-patterns
Downloads the entire project code from GitHub to your computer.
cd react-patterns
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
cd compound-components
This project's files live in a subfolder, so move into it first.
npm install
Downloads and installs the libraries listed in package.json.
npm start
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
// repository documentation
Was this content helpful?
(0 ratings)
