can i use fs.writeSync in react app,
please help me regarding this issue.
Thanks
For further actions, you may consider blocking this person and/or reporting abuse
Read next
Building a Nickname-Based Crypto Transfer Service Like WhiteBIT's QuickSend: A Developer's Guide
Kaan Kaya -
Node.js as a normal script.js file
MilesWK -
Automating i18n Localization with AI: The Prismy Approach
Eric Allard -
Project: Build a Weather App Using JavaScript and a Weather API
arjun -
Top comments (12)
React is a client side application, and client side application can't access file system.
Please,can you help me regarding this?,
What exactly do you want to accomplish?
i want to create react app and i use fs.writeSync
Yes, but what kind of file do you want to write, and why? Maybe writeSync isn't the solution.
i want to save data in the form of json file in local
Ok. Like @khokon said, for that you'd need a server. Do you already run your React app on a local server?
Personally, I usually go for something like Next.js instead, which lets you use serverless API functions, it makes it very easy to add some nodejs "glue code" to a react project.
Storing files might not be a great fit for that, if it's possible I would recommend saving your JSON data on a server instead. It's very easy to get started with for instance Redis with a library like node-redis or ioredis in Next.js, and with a service like Upstash you can do that for free.
There are more solutions for databases specifically targeting serverless available for free or very cheap, like MongoDB or CockroachDB.
I suggest you take a look at some databases first, in the end it might be a lot easier to deploy. I hope this helped!
thanks Emmie Paivarinta
You need to have a backend running using nodejs. Only then you can use the function
can u share any reference?
hello
Option 1:You can make a node js file in your react project then run a node ./nodescript.js in your hosting server.
Option 2: make a small node js server that you will send a request to from your react app (using fetch or axios)