		{
		"name": "react-mvvm-architecture",
		"version": "1.0.33",
		"version": "1.0.34",
		"description": "React MVVM Architecture is a simple and opinionated custom React framework that provides a solid foundation for building modern, efficient, and scalable React applications following the principles of MVVM (Model-View-ViewModel) and Clean Architecture. It aims to simplify the setup process and offers a well-organized project structure to help developers get started quickly.",
		@@ -5,0 +5,0 @@ "main": "index.js",

README.md

		# React MVVM Architecture (Beta)

		React MVVM Architecture is a simple and opinionated custom React framework that provides a solid foundation for building modern, efficient, and scalable React applications following the principles of MVVM (Model-View-ViewModel). It aims to simplify the setup process and offers a well-organized project structure to help developers get started quickly.
		React MVVM Architecture is a custom React framework designed to simplify the development of modern, efficient, and scalable React applications using the MVVM (Model-View-ViewModel) architectural pattern. It provides a solid foundation and a well-organized project structure to help developers get started quickly.

		## Getting Started

		To use React MVVM Architecture, you can create a new React app by running the following command:
		To create a new React app using React MVVM Architecture, run the following command:

		```bash
		npx react-mvvm-app my-new-app
		npx react-mvvm-architecture create my-new-app
		```
		@@ -15,3 +15,3 @@

		After running the command, your new React app will be created with TypeScript support, Zustand, and React Query installed. The `App.tsx` file will be customized to include the setup for React Query.
		After running the command, your new React app will be set up with TypeScript support, Zustand, and React Query installed. The `App.tsx` file will be customized to include the setup for React Query.

		@@ -21,3 +21,3 @@ ## Features
		- Bootstrap new React projects with TypeScript support and pre-installed packages like Zustand and React Query.
		- Provides a structured project organization for better code maintainability and scalability, following the MVVM principles.
		- Follows the principles of MVVM for better code maintainability and scalability.
		- Customized `App.tsx` file with React Query setup to handle data fetching seamlessly.
		@@ -58,30 +58,30 @@

		React MVVM Architecture makes use of React Query and Zustand instead of Redux Toolkit for several reasons:
		React MVVM Architecture leverages React Query and Zustand for several reasons:

		1. Simplicity: Both React Query and Zustand are designed to be simple and easy to use, reducing the boilerplate code required in traditional state management libraries like Redux.
		1. Simplicity: React Query and Zustand offer simplicity, reducing the boilerplate code required in traditional state management libraries like Redux.

		2. Performance: React Query optimizes data fetching by automatically managing cache and background data synchronization, resulting in faster and more efficient data updates.
		2. Performance: React Query optimizes data fetching with automatic cache management and background data synchronization, resulting in faster and more efficient data updates.

		3. TypeScript Support: Both React Query and Zustand have excellent TypeScript support, making it easier to work with typed data in large-scale applications.
		3. TypeScript Support: Both React Query and Zustand provide excellent TypeScript support, making it easier to work with typed data in large-scale applications.

		4. Separation of Concerns: Zustand follows a store pattern where the store and state logic are contained within the same component, providing a clearer separation of concerns and a more concise codebase.
		4. Separation of Concerns: Zustand follows a store pattern, keeping store and state logic within the same component, leading to clearer separation of concerns and a more concise codebase.

		5. Minimal Boilerplate: React Query and Zustand eliminate the need for complex setup and boilerplate code that is often associated with Redux.
		5. Minimal Boilerplate: React Query and Zustand eliminate the need for complex setup and boilerplate code often associated with Redux.

		## Customization and Contribution

		React MVVM Architecture is designed to be customizable and extensible. While it comes with pre-installed packages like React Query and Zustand, you can add additional packages as per your development needs. Feel free to modify the generated project structure, add new features, or integrate other libraries to tailor the framework to your specific project requirements.
		React MVVM Architecture is designed to be customizable and extensible. While it comes with pre-installed packages like React Query and Zustand, you can add additional packages as per your development needs. Modify the generated project structure, add new features, or integrate other libraries to tailor the framework to your specific project requirements.

		## Suitable for Small to Large Scale Applications

		React MVVM Architecture is suitable for projects of various sizes, from small prototypes to large-scale production applications. The clean and scalable project structure, combined with the power of React Query and Zustand, ensures that your application can grow and adapt as your project requirements evolve.
		React MVVM Architecture suits projects of various sizes, from small prototypes to large-scale production applications. Its clean and scalable project structure, combined with the power of React Query and Zustand, ensures your application can grow and adapt as your project requirements evolve.

		## Under Development

		Please note that React MVVM Architecture is currently under development. While it provides a solid foundation for building React applications, there might be ongoing updates and improvements to the framework. We welcome your feedback and contributions to make this framework even better.
		Please note that React MVVM Architecture is currently under development. It has not been uploaded to GitHub yet. Once I accomplish my goal of creating this package to my satisfaction, it will be made available on GitHub. I welcome your feedback and suggestions! Feel free to reach out to me at iam.aamirmansuri@gmail.com with any feedback or suggestions.

		## About the Author

		My name is Aamir Mansuri, and I am a React JS Developer passionate about building efficient and maintainable web applications. This custom React framework, inspired by the MVVM principles, is my contribution to the developer community, and I hope it helps you kickstart your React projects with ease and productivity.
		My name is Aamir Mansuri, and I am a passionate React JS Developer. This custom React framework, inspired by the MVVM principles, is my contribution to the developer community, and I hope it helps you kickstart your React projects with ease and productivity.

		Happy coding!

react-mvvm-architecture - npm Package Compare versions

Worsened metrics