The latest articles on DEV Community by Md. Al Amin (@akalaminamin). https://dev.to/akalaminamin https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F815113%2Feadefa2e-6659-42f8-becb-517edf3fafa3.jpeg https://dev.to/akalaminamin en Md. Al Amin Sat, 09 Jul 2022 04:07:07 +0000 https://dev.to/akalaminamin/closure-in-javascript-137h https://dev.to/akalaminamin/closure-in-javascript-137h <p>In JavaScript, a closure is a function that references variables in the outer scope from its inner scope. </p> <p>In JavaScript, a function can also contain another function. This is called a nested function. </p> <p>In JavaScript, closure provides access to the outer scope of a function from inside the inner function, even after the outer function has closed.</p> javascript es6 closure Md. Al Amin Sat, 09 Jul 2022 03:59:20 +0000 https://dev.to/akalaminamin/what-is-mongoose-3do3 https://dev.to/akalaminamin/what-is-mongoose-3do3 <p>Mongoose is a cross-platform embedded web server and networking library.<br> The small footprint of the software enables any<br> Internet-connected device to function as a web server.</p> <p>Mongoose is a MongoDB ODM (the NoSQL equivalent of an ORM) for Node. It provides you with a simple validation and query API to help you interact with your MongoDB database.</p> Md. Al Amin Fri, 25 Feb 2022 11:23:04 +0000 https://dev.to/akalaminamin/redux-toolkit-110e https://dev.to/akalaminamin/redux-toolkit-110e <h1> What is Redux? </h1> <p>Redux is a predictable state container for JavaScript apps. As the application grows, it becomes difficult to keep it organized and maintain data flow. Redux solves this problem by managing the application’s state with a single global object called Store.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PTLyFRBZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0wt9odmq7z3nusc7d40k.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PTLyFRBZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0wt9odmq7z3nusc7d40k.png" alt="Image description" width="302" height="167"></a></p> <h2> Redux Workflow </h2> <p>Redux workflow is made of 3 main components. They are:</p> <ol> <li> <strong>Store:</strong> Central store from where all states are saved and managed. As usual, a reasonable application has only one store.</li> <li> <strong>Actions:</strong> Actions are pure JavaScript objects that have specific properties. The property contains an action type and info that need to be updated in the state. Depending on the application a lot of actions happened.</li> <li> <strong>Reducers:</strong> Reducers are pure JavaScript functions that perform the action to update the state and return the new state. It takes the current value of a state, takes the action depending on the action type, and returns the new state. Finally, the state is updated in the store where all of the states are managed.</li> </ol> <h2> What is Redux Toolkit? </h2> <p>The Redux store setup and the basic configuration to use in an application are similar. It is a waste of time matter to write the same script for different applications. Sometimes it’s a possibility to make mistakes. In a bigger application, there may be other packages needed to configure the Redux. Considering these matters, the needed packages and the basic configuration for the Redux setup are extracted and build a new package, which is Redux Toolkit.<br> In Redux Toolkit, the basic structure of the Redux and its needed packages are included, which makes our code and folder structure more understandable and organized.</p>