Brunch VS browserify

Alright! So, I head over to the Github repository to see if that thing is still active. Last commit on Feb 18th 2021. Sounds maintained. Issue count? 143 at the time I'm writing this. Perhaps I'll run into some of those, but hey: Don't say no until you've tried it, right?

So, the website looks promising:

This demo runs in a static site hosted on Amazon S3. As I’ve used a Node.js module to connect with IoT, the index.html file adds a bundle.js that was processed with Browserify. I’ll explain how it was done in the following sections.

If you've done web development for any amount of time, there's a good chance you've had to work with tools like Webpack, Rollup, Browserify and other front-end tooling systems. But do you know why we started using them in the first place, and why they are still part of our everyday workflow?

Browserify

For a large part of the web, bundlers did not exist. To include scripts, most people just linked to the library on a CDN like CDNJS or Google Hosted Libraries. This would begin to change in 2009 when Node.js was released. Instead of using CDNs, Node.js came with its package manager, npm. npm was easy to use because every library was just one npm install away, and updating was effortless. Because of the ease of use, many people wanted to use npm on the web. However, this was impossible until Browserify came along.

CommonJS(CJS) specification, released in 2009, is a JavaScript module format that uses module.exports/require and loads modules synchronously. NodeJS and Browserify are the dominant implementation of the CommonJS format.

Use NPM (node package manager) from your command line to add Appwrite SDK to your project. If you're using a bundler (like Browserify or webpack), you can import the Appwrite module when you need it:

React.js/ Next.js / Material-UI / Browserify (bundle packaging) / Serve (static site serving) / React-Dropzone (file drag drop) / React-Idle-Timer / zxcvbn.js (Password strength estimation)

Another way to put it - I've read about broswerify. In theory, what happens behind the scenes, is that it simply adds all the .js files in the Node module into one .js file? Any explanation / specific resource will be appreciates

The Yoroi browser extension is also made with React. I don't know if Browserify would be able to import the libraries the app and extension use to make the code run on the client side, but if that's possible, then at least users wouldn't have to send their passphrase anywhere.