react-pixi-fiber VS pixi-react

I am doing it on React + Typescript + react-pixi-fiber on the frontend and Typescript on the backend. Not a very good backend language for realtime games but I want to learn more about networking before going to a harder language like Rust. Also, this way I can reuse the types. PNPM handles the monorepo.

First, take your class-based Pixi.JS code and throw it away, because if you wanna be mature HTML5 game developer you have to grow some balls and learn React. Libraries like react-pixi-fiber and react-pixi will help you with that.

pixi.js is pretty good. It's not specifically tile based, I think it can be used for that too. There is also a library that lets you use react JSX with it, although I'm not sure how good it is.

There is https://reactpixi.org/

The author's entire section on "Real Reactivity" hit quite close to home.

I recently played around with using https://reactpixi.org/ to build a simple ant farm simulation (https://meomix.github.io/antfarm/) and was left disappointed, but not surprised. It's really hard to get strong performance when stacking a declarative wrapper on an imperative base.

I was talking to my coworkers about the issue and one of them suggested trying to use react-three-fiber and just force it to render 2D, but, as the author notes, the problem feels intractable with competing layers of abstraction.

I'm really excited to learn about this library. I feel that I was between a rock and a place with my web-first, declarative graphics tooling. I was pushing myself to learn Rust, to use Bevvy, to have a well-supported, declarative framework, but I felt I would prototype quicker if I stuck with JavaScript. I considered A-Frame, but it's really not about 2D rendering at all with its VR-first approach.

There's really quite a desert of modern, active, declarative, web-first graphics rendering frameworks. Stoked for UseGPU to hit 1.0!

First, take your class-based Pixi.JS code and throw it away, because if you wanna be mature HTML5 game developer you have to grow some balls and learn React. Libraries like react-pixi-fiber and react-pixi will help you with that.

I just tried using React Pixi + PixiJS to have a very light 'engine' with a familiar, declarative style. I found performance to be excessively poor because of React's reconciler processing 35,000 elements and trying to implement culling that meaningfully addresses the bottleneck.

Since my approach is highly similar to React, you may also be interested in https://reactpixi.org/ for inpirations.

Im thinking if ReactPixi is a thing then it should be good no?

Pixi.js paired with a library like @inlet/react-pixi can give you amazing performance for your minigame while keeping a component architecture, so you can mix it in at will with your main game (HTML) without having to change programming styles. There might be something similar for Vue, but I haven't used it.

and react-pixie for webgl https://reactpixi.org/

For 2D there is also https://github.com/inlet/react-pixi and https://github.com/michalochman/react-pixi-fiber check them both out. I prefer inlet's.