Hopefully everybody knows Angular. Let’s talk about NgRx.NgRx is a popular state management library for Angular applications, enabling centralized state management and predictable data flow.
Around 2 years ago, I was bored with creating NgRx, so I developed a Windows app to generate NgRx for myself. That was before ChatGPT hit the world. It was useful so I could finish my tasks quickly.
Here is a sample screenshot of the Windows application:
Recently, a junior developer asked me to share it. But I never shared it. Because of most developers are copying and pasting googled/ChatGPT codes without understanding it. As per me, understanding the code’s flow is important before pasting it. So that we can easily fix any issues or requirements. Otherwise, We need to think a lot if we want to succeed. So I got a mind to develop another application with code explanations, like ChatGPT. Then, I developed a web application using React. Those both new/old applications that were developed without ChatGPT’s package.
Here is the URL for generating NgRx code that was I developed using React: https://wisecodes.venuthomas.in/Online/generate_ngrx_online/
On this page, we have 5 inputs. These are Module Name, Page Name, and a group of action types that contains an Action Type, Input Params, and Output Params. I have set a default value for those input fields on this page. You can type it any name as Module Name: ‘Settings Module‘, Page Name: ‘Param Creation‘. Or whatever you require. By hitting the ‘Add Another Action’ button, we can add multiple action types such as loading, saving, deleting, and more.
By hitting the ‘Generate NgRx files’ button, you will get a NgRx code with an explanation! Enjoy this Online tool!
Inbox me if there is anything that needs to be updated, and I will update this useful online tool!
