DEV Community: Shardul Lingwal The latest articles on DEV Community by Shardul Lingwal (@mshardul). https://dev.to/mshardul 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%2F1131112%2F75666439-2fe4-47d2-b54d-dbf3092c151e.png DEV Community: Shardul Lingwal https://dev.to/mshardul en [Boost] Shardul Lingwal Fri, 13 Jun 2025 11:53:20 +0000 https://dev.to/mshardul/-2nei https://dev.to/mshardul/-2nei <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/vyan/12-essential-web-apis-every-developer-should-know-1m28" class="crayons-story__hidden-navigation-link">12 Essential Web APIs Every Developer Should Know</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/vyan" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmedia.dev.to%2Fcdn-cgi%2Fimage%2Fwidth%3D90%2Cheight%3D90%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto%2Fhttps%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fuploads%252Fuser%252Fprofile_image%252F1466448%252F432d8d0b-a7a7-492f-af27-b9a01b764688.png" alt="vyan profile" class="crayons-avatar__image"> </a> </div> <div> <div> <a href="/vyan" class="crayons-story__secondary fw-medium m:hidden"> Vishal Yadav </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Vishal Yadav <div id="story-author-preview-content-2015165" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/vyan" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fmedia.dev.to%2Fcdn-cgi%2Fimage%2Fwidth%3D90%2Cheight%3D90%2Cfit%3Dcover%2Cgravity%3Dauto%2Cformat%3Dauto%2Fhttps%253A%252F%252Fdev-to-uploads.s3.amazonaws.com%252Fuploads%252Fuser%252Fprofile_image%252F1466448%252F432d8d0b-a7a7-492f-af27-b9a01b764688.png" class="crayons-avatar__image" alt=""> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Vishal Yadav</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/vyan/12-essential-web-apis-every-developer-should-know-1m28" class="crayons-story__tertiary fs-xs"><time>Sep 26 '24</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/vyan/12-essential-web-apis-every-developer-should-know-1m28" id="article-link-2015165"> 12 Essential Web APIs Every Developer Should Know </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/api"><span class="crayons-tag__prefix">#</span>api</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/vyan/12-essential-web-apis-every-developer-should-know-1m28" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg" width="18" height="18"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="18" height="18"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"> </span> </span> <span class="aggregate_reactions_counter">758<span class="hidden s:inline"> reactions</span></span> </div> </a> <a href="https://dev.to/vyan/12-essential-web-apis-every-developer-should-know-1m28#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> Comments 22<span class="hidden s:inline"> comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 4 min read </small> <span class="bm-initial"> </span> <span class="bm-success"> </span> </div> </div> </div> </div> </div> </div> webdev javascript react api [Boost] Shardul Lingwal Fri, 13 Jun 2025 10:41:44 +0000 https://dev.to/mshardul/-5eeb https://dev.to/mshardul/-5eeb <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/vyan/6-essential-javascript-functions-every-developer-should-know-2gb9" class="crayons-story__hidden-navigation-link">6 Essential JavaScript Functions Every Developer Should Know</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/vyan" class="crayons-avatar crayons-avatar--l "> <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%2Fuser%2Fprofile_image%2F1466448%2F432d8d0b-a7a7-492f-af27-b9a01b764688.png" alt="vyan profile" class="crayons-avatar__image"> </a> </div> <div> <div> <a href="/vyan" class="crayons-story__secondary fw-medium m:hidden"> Vishal Yadav </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Vishal Yadav <div id="story-author-preview-content-2052776" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/vyan" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <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%2Fuser%2Fprofile_image%2F1466448%2F432d8d0b-a7a7-492f-af27-b9a01b764688.png" class="crayons-avatar__image" alt=""> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Vishal Yadav</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/vyan/6-essential-javascript-functions-every-developer-should-know-2gb9" class="crayons-story__tertiary fs-xs"><time>Oct 23 '24</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/vyan/6-essential-javascript-functions-every-developer-should-know-2gb9" id="article-link-2052776"> 6 Essential JavaScript Functions Every Developer Should Know </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/vyan/6-essential-javascript-functions-every-developer-should-know-2gb9" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="18" height="18"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"> </span> </span> <span class="aggregate_reactions_counter">29<span class="hidden s:inline"> reactions</span></span> </div> </a> <a href="https://dev.to/vyan/6-essential-javascript-functions-every-developer-should-know-2gb9#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> Comments 3<span class="hidden s:inline"> comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 3 min read </small> <span class="bm-initial"> </span> <span class="bm-success"> </span> </div> </div> </div> </div> </div> </div> webdev javascript beginners programming [Boost] Shardul Lingwal Fri, 13 Jun 2025 10:18:33 +0000 https://dev.to/mshardul/-3i6o https://dev.to/mshardul/-3i6o <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/abbeyperini/state-management-in-front-end-web-development-state-101-48g3" class="crayons-story__hidden-navigation-link">State Management in Front-end Web Development: State 101</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/abbeyperini" class="crayons-avatar crayons-avatar--l "> <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%2Fuser%2Fprofile_image%2F564890%2F496b4464-61d3-4536-aea8-4637f368890d.jpg" alt="abbeyperini profile" class="crayons-avatar__image"> </a> </div> <div> <div> <a href="/abbeyperini" class="crayons-story__secondary fw-medium m:hidden"> Abbey Perini </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Abbey Perini <div id="story-author-preview-content-1928124" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/abbeyperini" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <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%2Fuser%2Fprofile_image%2F564890%2F496b4464-61d3-4536-aea8-4637f368890d.jpg" class="crayons-avatar__image" alt=""> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Abbey Perini</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/abbeyperini/state-management-in-front-end-web-development-state-101-48g3" class="crayons-story__tertiary fs-xs"><time>Jun 2 '25</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/abbeyperini/state-management-in-front-end-web-development-state-101-48g3" id="article-link-1928124"> State Management in Front-end Web Development: State 101 </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/angular"><span class="crayons-tag__prefix">#</span>angular</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/vue"><span class="crayons-tag__prefix">#</span>vue</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/abbeyperini/state-management-in-front-end-web-development-state-101-48g3" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg" width="18" height="18"> </span> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"> </span> </span> <span class="aggregate_reactions_counter">114<span class="hidden s:inline"> reactions</span></span> </div> </a> <a href="https://dev.to/abbeyperini/state-management-in-front-end-web-development-state-101-48g3#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> Comments 21<span class="hidden s:inline"> comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 7 min read </small> <span class="bm-initial"> </span> <span class="bm-success"> </span> </div> </div> </div> </div> </div> </div> webdev react angular vue Response by ChatGPT based on a pre-defined schema!!! Shardul Lingwal Sat, 07 Oct 2023 17:16:39 +0000 https://dev.to/mshardul/response-by-chatgpt-based-on-a-pre-defined-schema-48he https://dev.to/mshardul/response-by-chatgpt-based-on-a-pre-defined-schema-48he <p>As happy as we get to see the human-like responses of <code>ChatGPT</code> by <code>OpenAI</code>, they might not be the best friend of a <code>developer</code>.</p> <p>Being a developer we are a little biased towards <code>structured data</code> (remember structures or oops, or rdbms?).</p> <p>ChatGPT came up with a way of providing structure to its responses.</p> <p>Here is <a href="https://medium.com/@shardul9/harnessing-structure-in-conversations-schema-driven-chatgpt-interactions-38369bab516c" rel="noopener noreferrer">my Medium article</a> to understand how we can get ChatGPT response as a pre-defined schema.</p> <p><a href="https://www.linkedin.com/posts/mshardul_harnessing-structure-in-conversations-schema-driven-activity-7116378956458561536-Hhar?utm_source=share&amp;utm_medium=member_desktop" rel="noopener noreferrer">LinkedIn Post</a></p> chatgpt openai ai machinelearning