Using PreactJS instead of ReactJS to reduce bundle size

[rjjrbatarao]

Hi this is a great library for most of projects but for more complex dashboard it would require larger spiffs storage, it would be nice to use PreactJS instead of ReactJS using Preact Compat to reduce bundle size.

[proddy]

I did start on the preact port a years ago (#57) but gave up as there were too many constraints. In the end I found other optimizations to fit all the code in a 2MB ESP32, plus added many more features needed for my project.

[rjjrbatarao]

After fiddling with all the answers from stackoverflow all not working and just by a chance found a solution using the ff.
cd to interface and type this command npm install react@npm:@preact/compat react-dom@npm:@preact/compat thats it
:) please close if this works I was able to shave 200Kb from the www_progmem.h from 1200kb down to 1000kb

[FernandoGarcia]

Hi @proddy !
Could you make a PR for this repository?
I would like to know how to make all changes.
Thanks in advance.
Best regards.

[proddy]

Hi @proddy ! Could you make a PR for this repository? I would like to know how to make all changes. Thanks in advance. Best regards.

I use a variation of this project which is deeply embedded into my own project and probably every file has changed in the last 2 years or so. What changes are you after?

[FernandoGarcia]

I would like to know what are the changes needed to use Preact in this script.

https://github.com/rjwats/esp8266-react/blob/master/scripts/build_interface.py#L25

[proddy]

I wouldn't know, I use a different way to build (using vite). But I think @rjjrbatarao gave the answer above

[FernandoGarcia]

I did a try but did not see any reduction in resources consumption.

[rjjrbatarao]

npm install react@npm:@preact/compat react-dom@npm:@preact/compat works with vite or cra, I tested it on different computer, theres a reduction in total WWWData.h size