The latest articles on DEV Community by mohammad adnan (@adnan344433). https://dev.to/adnan344433 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%2F932706%2F14fec363-c2e7-47f8-a431-0f865eba5315.jpg https://dev.to/adnan344433 en mohammad adnan Sun, 25 Dec 2022 14:26:06 +0000 https://dev.to/adnan344433/connect-mongodb-to-nodejs-5alb https://dev.to/adnan344433/connect-mongodb-to-nodejs-5alb <p>Don't get too confuse while connecting MongoDB<br> to Node.js because people use different ways to connect it</p> <ol> <li>after intalling dependencies and making .env file mention your connection link of mongodb and port in env file this way will also work when you deploy your project. just remove the mongodb compass link to mongodb atlas link.because on onrender and heroku you have to mention in in enviroment variables separately and below pic will help you to solve your doubts</li> </ol> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvg6t5lg9n110dzcbvrax.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvg6t5lg9n110dzcbvrax.png" alt="Image description" width="800" height="500"></a></p> writing discuss mohammad adnan Sun, 25 Dec 2022 13:53:27 +0000 https://dev.to/adnan344433/design-your-web-apps-interface-faster-and-in-more-easy-way-with-figma-59kk https://dev.to/adnan344433/design-your-web-apps-interface-faster-and-in-more-easy-way-with-figma-59kk <p><a href="https://www.figma.com/files/recent?fuid=1185955175470836261"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--49x9tucu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/69067tyvhzan71j27pw5.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--49x9tucu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/69067tyvhzan71j27pw5.png" alt="Image description" width="880" height="446"></a></p> <p>you will find templates option as well as new design option to design your web application interface on this platform </p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--d8tf7BM9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bjuh1giel4ql5ze3p4e1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--d8tf7BM9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bjuh1giel4ql5ze3p4e1.png" alt="Image description" width="880" height="445"></a><br> this is how its helps you</p> webdev interface css frontend mohammad adnan Sat, 22 Oct 2022 13:48:12 +0000 https://dev.to/adnan344433/async-await-in-useeffect-2g20 https://dev.to/adnan344433/async-await-in-useeffect-2g20 <p>heyy guys.. after creating another project on MERN Stack i came to know that temporary way of using async await in useEffect in react were not working because of react new update and also it was not the right way to use it</p> <p><strong>this is the wrong way of using it :</strong></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--69cXv8LL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w87qj281j835ztotj1lg.jpeg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--69cXv8LL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w87qj281j835ztotj1lg.jpeg" alt="Image description" width="880" height="208"></a></p> <p><strong>So I use this right way :</strong></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3j9uZvaD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lvfpzq7msri9avv6xkhi.jpeg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3j9uZvaD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lvfpzq7msri9avv6xkhi.jpeg" alt="Image description" width="880" height="304"></a></p> reactversion reactuseeffect react182 asyncawait