<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: hxh</title>
    <description>The latest articles on Forem by hxh (@bimohxh).</description>
    <link>https://forem.com/bimohxh</link>
    <image>
      <url>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%2F1020728%2F75b87dc0-2e11-4f16-92ab-a387319c54e5.png</url>
      <title>Forem: hxh</title>
      <link>https://forem.com/bimohxh</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/bimohxh"/>
    <language>en</language>
    <item>
      <title>I discovered an interesting JSON tool.</title>
      <dc:creator>hxh</dc:creator>
      <pubDate>Fri, 09 May 2025 04:08:54 +0000</pubDate>
      <link>https://forem.com/bimohxh/i-discovered-an-interesting-json-tool-2bbb</link>
      <guid>https://forem.com/bimohxh/i-discovered-an-interesting-json-tool-2bbb</guid>
      <description>&lt;p&gt;As usual, I received JSON data from the backend developer, but it was in a .txt file. I had to download it, copy the content, and paste it into an online formatter to view it properly.&lt;/p&gt;

&lt;p&gt;Honestly, I was getting tired of this process, so I started looking for a more convenient solution. That’s when I stumbled upon a website that made things so much easier. If I want to share JSON data with someone, I can simply click "Share" to generate a link instead of sending a file. I just send the link to the other person, and even better, when they open it, the JSON data is already neatly formatted. I think this is absolutely awesome!&lt;/p&gt;

&lt;p&gt;&lt;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%2F202n86gou77fscsgy04h.png" class="article-body-image-wrapper"&gt;&lt;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%2F202n86gou77fscsgy04h.png" alt="json share" width="800" height="369"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Additionally, the link has a one-hour expiration time, after which it becomes inaccessible, ensuring the data remains highly secure.&lt;/p&gt;

&lt;p&gt;I continued exploring and discovered that it not only enables quick sharing but also allows you to rapidly generate an API for temporary testing during development. This is incredibly convenient!&lt;/p&gt;

&lt;p&gt;&lt;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%2Fmlti7qscp057e5yc5wgq.png" class="article-body-image-wrapper"&gt;&lt;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%2Fmlti7qscp057e5yc5wgq.png" alt="mock json api" width="800" height="369"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Actually, this is just the tip of the iceberg. You can also run queries here to extract the data I need from the entire JSON dataset, supporting various query languages.&lt;/p&gt;

&lt;p&gt;&lt;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%2Fzn66gzuhtopr9r6zgte4.png" class="article-body-image-wrapper"&gt;&lt;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%2Fzn66gzuhtopr9r6zgte4.png" alt="json query" width="800" height="377"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In addition to standard JavaScript code, it also supports &lt;a href="https://jmespath.org/" rel="noopener noreferrer"&gt;JEMSPath&lt;/a&gt;, &lt;a href="https://github.com/json-path/JsonPath" rel="noopener noreferrer"&gt;JSONPath&lt;/a&gt;, &lt;a href="https://github.com/jqlang/jq" rel="noopener noreferrer"&gt;JQ Cmd&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;&lt;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%2F71mhw48z33szrydknjrv.png" class="article-body-image-wrapper"&gt;&lt;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%2F71mhw48z33szrydknjrv.png" alt="json query lang" width="666" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Secondly, it also supports data conversion, allowing seamless transformation between JSON and other data formats, including &lt;code&gt;JS Object&lt;/code&gt;, &lt;code&gt;JSON5&lt;/code&gt;, &lt;code&gt;JSON Schema&lt;/code&gt;,  &lt;code&gt;Query String&lt;/code&gt;, &lt;code&gt;Typescript&lt;/code&gt;,  &lt;code&gt;Postman Bulk&lt;/code&gt;, &lt;code&gt;MXL&lt;/code&gt;, &lt;code&gt;YML&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;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%2Flo32a3wf3mbj8elao4z3.png" class="article-body-image-wrapper"&gt;&lt;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%2Flo32a3wf3mbj8elao4z3.png" alt="JSON transform" width="800" height="377"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can manually convert data or directly paste non-JSON data, and it will automatically generate the converted JSON data. For example, you can simply paste the following data:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;&amp;lt;name&amp;gt;DEV&amp;lt;/name&amp;gt;&lt;br&gt;
&amp;lt;url&amp;gt;https://dev.to&amp;lt;/url&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Additionally, it can validate whether the provided JSON data meets specific structural requirements, supporting JSON Schema and JSON Type Definition.&lt;/p&gt;

&lt;p&gt;&lt;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%2Faj3p8wn4ts8n49dtouw3.png" class="article-body-image-wrapper"&gt;&lt;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%2Faj3p8wn4ts8n49dtouw3.png" alt="JSON Validator" width="800" height="319"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Another feature we frequently use is: JSON Diff&lt;/p&gt;

&lt;p&gt;&lt;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%2Ftoiuh7fejtyu6e94776i.png" class="article-body-image-wrapper"&gt;&lt;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%2Ftoiuh7fejtyu6e94776i.png" alt="JSON Diff" width="800" height="367"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In short, I think this tool is an essential asset for programmers, and I’m sharing it with everyone here &lt;a href="https://www.jsont.run" rel="noopener noreferrer"&gt;Online JSON Format Tool&lt;/a&gt;&lt;/p&gt;

</description>
      <category>json</category>
      <category>tooling</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
