JSON to client-side CSV file download using vanilla JavaScript

👉 Source code: openjavascript...
⚡ Looking for high-performance, afforable web hosting? We use HostWithLove: bit.ly/3V2RM9Q ❤️
This tutorial shows you how to get JSON data from a Fetch request and turn the resulting data into a client-side CSV download, both automatic and on a button click.
#csv #download #javascript #json #fetch #tutorial #javascript_tutorial #frontend #webdevelopment #programming
🔔 Subscribe for more tutorials just like this: / @openjavascript
⚡ NEW: Web development courses from Meta Inc. ⚡
Front-End Developer Professional Certificate: imp.i384100.ne...
Back-End Developer Professional Certificate: imp.i384100.ne...
iOS Developer Professional Certificate: imp.i384100.ne...
Meta Android Developer Professional Certificate: imp.i384100.ne...
Meta Database Engineer Professional Certificate: imp.i384100.ne...
Website: openjavascript...
Twitter: / openjavascript

[@OpenJavaScript]

Thanks for watching!
👉 Source code: openjavascript.info/2022/12/18/json-file-to-csv-download-with-vanilla-javascript/

[@rfryanfavour4369]

Incredible tbh

[@John-eq5cd]

Very clear and instructive; full marks

[@NarayanReddyCheerla]

Is it possible to generate multiple sheets in CSV file ?

[@parth335335]

what if the JSON was deeply nested? can you please make a video on tutorial on that using vanilla JavaScript?

[@OpenJavaScript]

For this you are going to have to iterate through the object to get values in its nested properties. I wrote a blog post on how to do that here: openjavascript.info/2022/03/15/how-to-iterate-through-a-javascript-object/
With the output, I think you are probably going to be best of creating a separate table, otherwise things could get really complicated (also to read).

[@BlakeLein]

This was super helpful and easy to follow - Thank you!

[@OpenJavaScript]

Glad you found this useful, thanks for reaching out to let me know :)

[@khan.hassan]

Thanks for sharing it.. ✌

[@OpenJavaScript]

No worries, thanks for watching :)

[@CoderDmitri]

MAHHH MANNNNN!

[@OpenJavaScript]

Glad you liked the video!