{"publication":{"id":"5cb472db602e12c87a71898d","url":"https://blog.greenroots.info","canonicalURL":"https://blog.greenroots.info","title":"GreenRoots Blog - Tapas Adhikary","displayTitle":"GreenRoots Blog - A Blog by Tapas Adhikary","descriptionSEO":"Articles about Tech, JavaScript, Web Technologies, and Career development. ","username":"atapas","about":{"html":"

Educator | YouTuber | Building ReactPlay | Let's Connect

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"id":"5c9bb4026656f09759cdc1f0","name":"Tapas Adhikary","username":"atapas","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1600664871923/b_jH_Ncd9.png","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1571822266210/WoU_msKQk.png","darkMode":{"logo":null,"enabled":null,"__typename":"DarkModePreferences"},"customCSS":{"enabled":true,"staticMin":".blog-impressum h3{display:none}","homeMin":".blog-impressum h3{display:none}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"633656e5fa20fa4bc8e549cf","label":"Open Source","url":"https://blog.greenroots.info/series/open-source","priority":7,"type":"series","series":{"id":"6336554bfa20fa4bc8e549a6","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"628e4b5519bda58ac7fb144e","label":"Promises","url":"https://blog.greenroots.info/series/javascript-promises","priority":6,"type":"series","series":{"id":"610368709036db5b3513b66f","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6451ca6102f36ce6e30089ca","label":"React","url":"https://blog.greenroots.info/series/react","priority":5,"type":"series","series":{"id":"6451c56b02f36ce6e3008981","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"628e4b3619bda58ac7fb1439","label":"Blogging","url":"https://blog.greenroots.info/series/blogging-tips-and-tricks","priority":4,"type":"series","series":{"id":"5fb4be1cb589f1618af9e4d1","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"628e4b2c43220290a7eeaec3","label":"Tips and Tricks","url":"https://blog.greenroots.info/series/learn-with-tips-tricks","priority":3,"type":"series","series":{"id":"6018de706f4ec96a5b77a31b","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6451ced902f36ce6e3008a58","label":"Support Me","url":"https://blog.greenroots.info/sponsor","priority":2,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"6451cee102f36ce6e3008a62","label":"GitHub Sponsors","url":"https://blog.greenroots.info/github-sponsors","priority":1,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"6451cee802f36ce6e3008a6d","label":"Hacking","url":"https://blog.greenroots.info/series/hacking","priority":1,"type":"series","series":{"id":"603717f70c99f77f2f8a67a0","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"604632b1d0457f4d5c58333a","label":"About","url":"https://blog.greenroots.info/about","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":".blog-impressum h3{display:none}","homeMin":".blog-impressum h3{display:none}","__typename":"CustomCSSPreferences"},"layout":"magazine","disableFooterBranding":false,"__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1560855683137/85XtBDDa2.png","headerColor":"#fbfff5","metaTags":"\n","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":null,"hotjarSiteID":"2056755","matomoSiteID":null,"matomoURL":null,"gaTrackingID":"UA-170919872-1","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/mExiJU8rNMp2","__typename":"PublicationIntegrations"},"postsCount":164,"impressum":"

Learn from Video Tutorials ✨

▶️ My YouTube Channel

Blogs I enjoy reading 👇

Victoria Lo's Blog | Chris's Daily Dev Tips | Marko Denic's Post

\n","isTeam":false,"links":{"twitter":"https://twitter.com/tapasadhikary","instagram":"https://instagram.com/tapascript","github":"https://github.com/atapas","website":"https://tapasadhikary.com","hashnode":"https://hashnode.com/@atapas","youtube":"https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g","dailydev":"https://app.daily.dev/atapas","linkedin":"https://www.linkedin.com/in/tapasadhikary","mastodon":"https://fosstodon.org/@tapasadhikary","__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"blog.greenroots.info","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"__typename":"Publication","series":{"id":"6018de706f4ec96a5b77a31b","name":"Learn with Tips and Tricks","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622441881988/ayJ9Nrzec.png","slug":"learn-with-tips-tricks","description":"This series talks about Tips & Trics you would love to know and apply in your day to day programming.\n","cuid":"ckknjl0y7029n0bs1ckl8h9h3","author":{"id":"5c9bb4026656f09759cdc1f0","name":"Tapas Adhikary","username":"atapas","__typename":"User"},"posts":{"edges":[{"node":{"id":"6436277cc74b87e92ee56139","title":"Advanced JavaScript Console Logging for Developers","slug":"advanced-javascript-console-logging-for-developers","publishDate":"2023-04-12T03:37:32.592Z","cuid":"clgd54y40000809l730e8hhla","url":"https://blog.greenroots.info/advanced-javascript-console-logging-for-developers","subtitle":"Developers need to debug their applications to find errors and issues. Knowing to use advanced console logging is a handy tool for developers.","brief":"The flood of software innovation over the past 20 years would not have been possible without agile working. The concept of releasing fast, taking feedback, and building back better has birthed the iPhone, social networks and the Cloud. The world woul...","readTimeInMinutes":12,"views":4710,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22329,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1681269959933/f73edba5-0840-4e7b-a3e8-4a7e348846b9.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjQzNjI3N2NjNzRiODdlOTJlZTU2MTM5XzIwMjMtMDQtMTJUMDM6Mzc6MzIuNTkyWg==","__typename":"PostEdge"},{"node":{"id":"619dbb7af5af1c76da6849cc","title":"5 tips for beginners to web development","slug":"5-tips-for-beginners-to-web-development","publishDate":"2021-11-24T04:11:38.952Z","cuid":"ckwd0fh5j0267h6s1gips7pup","url":"https://blog.greenroots.info/5-tips-for-beginners-to-web-development","subtitle":"Are you a beginner in web development? I have a few tips for you to sustain and progress your web development goals. Please read on.","brief":"The modern era of web development is fascinating. Plenty of frameworks and libraries to keep us productive. There are thousands of quality resources to read and learn from. Apart from the plethora of books, blogs, courses, web developers got Google, ...","readTimeInMinutes":7,"views":13774,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22329,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1637559485001/66YeJ0OBt.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjE5ZGJiN2FmNWFmMWM3NmRhNjg0OWNjXzIwMjEtMTEtMjRUMDQ6MTE6MzguOTUyWg==","__typename":"PostEdge"},{"node":{"id":"61696cc318374f257327a7cf","title":"5 ways to merge arrays in JavaScript and their differences","slug":"5-ways-to-merge-arrays-in-javascript-and-their-differences","publishDate":"2021-10-15T11:57:55.982Z","cuid":"ckusbh1q11sifebs18g23290a","url":"https://blog.greenroots.info/5-ways-to-merge-arrays-in-javascript-and-their-differences","subtitle":"You may need to merge one or more arrays in JavaScript. Please read this article to learn how to do it with related usages and differences.","brief":"An array is a collection of elements or items. We use arrays to store data as elements and retrieve them back when we need them. The array is a data structure widely used in many programming languages, and JavaScript is not an exception.\nYou may need...","readTimeInMinutes":7,"views":172624,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22329,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1634265273651/EHe30wOTZ.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjE2OTZjYzMxODM3NGYyNTczMjdhN2NmXzIwMjEtMTAtMTVUMTE6NTc6NTUuOTgyWg==","__typename":"PostEdge"},{"node":{"id":"60c07bb47c121d4151b3a00d","title":"10 DevTools tricks to help you with CSS and UX design","slug":"10-devtools-tricks-to-help-you-with-css-and-ux-design","publishDate":"2021-06-09T08:28:36.816Z","cuid":"ckpp7mtnu04u6whs143e7huwx","url":"https://blog.greenroots.info/10-devtools-tricks-to-help-you-with-css-and-ux-design","subtitle":"Learn how to use the browser's DevTools for CSS and UX Design. Here are 10 tricks I found extremely useful for web development. Please read on.","brief":"Introduction\nWeb development is much more fun now than ever. We have increasing opportunities with frameworks, libraries, communities, skills, and tools compared to what we had a decade ago. Today, there are hardly any web developers who want to lim...","readTimeInMinutes":10,"views":13050,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22329,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622633509205/ETBTKty9g.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjBjMDdiYjQ3YzEyMWQ0MTUxYjNhMDBkXzIwMjEtMDYtMDlUMDg6Mjg6MzYuODE2Wg==","__typename":"PostEdge"},{"node":{"id":"60ac7dc1f06aaf7b7c3e02b2","title":"Tips to customize npm init to make it your own","slug":"tips-to-customize-npm-init-to-make-it-your-own","publishDate":"2021-05-25T04:32:01.778Z","cuid":"ckp3jkswq08x2e4s187ol0j5q","url":"https://blog.greenroots.info/tips-to-customize-npm-init-to-make-it-your-own","subtitle":"The npm init is probably the most used utility command to create a web or nodejs project. Learn how to customize it to boost your productivity.","brief":"Introduction To npm init\nDo you agree, it is almost impossible to think about web app development without the support of npm(node package manager) or yarn? Alright, I'm probably exaggerating here, but the truth is somewhat close to it. Every day, mil...","readTimeInMinutes":6,"views":4260,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22329,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621849833319/7FKvHlF8q.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjBhYzdkYzFmMDZhYWY3YjdjM2UwMmIyXzIwMjEtMDUtMjVUMDQ6MzI6MDEuNzc4Wg==","__typename":"PostEdge"},{"node":{"id":"6094be11d1bbc47b91a67934","title":"10 online code editors for web developers","slug":"10-online-code-editors-for-web-developers","publishDate":"2021-05-07T04:12:01.363Z","cuid":"ckodsxqg60drieps123zqdead","url":"https://blog.greenroots.info/10-online-code-editors-for-web-developers","subtitle":"As developers, we love experimenting, proofs-of-concept. The online code editors help us to get started fast. Learn about 10 such editors for webdevs.","brief":"Originally Published on Bugfender\n\nA code editor gives developers an environment to write code using a specific programming language. While the code editor's primary purpose is to assist with coding, most of the editors go beyond and help developers ...","readTimeInMinutes":6,"views":932,"author":{"id":"5c9bb4026656f09759cdc1f0","username":"atapas","name":"Tapas Adhikary","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1645464332466/IynS2q6H6.jpeg","followersCount":22329,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1620293899652/bC_n8xKTn.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjA5NGJlMTFkMWJiYzQ3YjkxYTY3OTM0XzIwMjEtMDUtMDdUMDQ6MTI6MDEuMzYzWg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjA5NGJlMTFkMWJiYzQ3YjkxYTY3OTM0XzIwMjEtMDUtMDdUMDQ6MTI6MDEuMzYzWg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PostConnection"},"__typename":"Series"}}}

Mental Health

Stop the Stigma