https://github.com/dimitridumont/dependency-inversion-front-end

Example of dependency inversion in front end (with React & Next.js)
https://github.com/dimitridumont/dependency-inversion-front-end

dependency-injection dependency-inversion dependency-inversion-principle nextjs react

Last synced: 8 days ago
JSON representation

Example of dependency inversion in front end (with React & Next.js)

• Host: GitHub
• URL: https://github.com/dimitridumont/dependency-inversion-front-end
• Owner: dimitridumont
• Created: 2024-02-02T12:12:15.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-02T12:46:39.000Z (about 1 year ago)
• Last Synced: 2024-11-22T05:18:19.340Z (5 months ago)
• Topics: dependency-injection, dependency-inversion, dependency-inversion-principle, nextjs, react
• Language: TypeScript
• Homepage: https://www.hexa-web.fr/blog/dependency-inversion-front-end
• Size: 321 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dependency inversion in front-end with React & Next.js

This example shows how to use dependency inversion in front-end with React & Next.js.

I only use simple object & React Context to demonstrate the concept. If you use Redux, React-Query or other libraries, you can apply the same concept.

![public/img.png](public/img.png)

## Language & Librairies

- [React](https://reactjs.org/)

- [Next.js](https://nextjs.org/) (app directory)

- [TypeScript](https://www.typescriptlang.org/)