REACTIVITY PERFORMANCE COMPARISON

In the repository there are two simillar apps written in different technologies: Solid.js and React.js.

The Story behind the project

Inspired by Jack Herrington youtube video, where he make a comparison between React and Million.js performance, I copy paste the code for plain React.js app version and convert the code to run in with Solid.js.

The code that was used in Jack's video: https://github.com/jherr/million-rainbow/blob/main/src/App.tsx

Results

How to run the apps

Requirements : Node.js v18.16 & pnpm

1. Make sure you have proper node version - you can use nvm use command.
2. Install dependencies:

• For React.js app: cd react-divs && pnpm install
• For Solid.js app: cd solid-divs && pnpm install

3. Make the builds:

• For React.js: cd react-divs && pnpm build
• For Solid.js: cd react-divs && pnpm build

4. Run builds:

• For React.js: cd react-divs && pnpm preview
• For Solid.js: cd react-divs && pnpm preview

Development

You can run the aps in the development mode:

• For React.js: cd react-divs && pnpm dev
• For Solid.js: cd react-divs && pnpm dev