4 ms·

React Jam just started, making a game in 13 days with React

1 points by bfelbo 3y ago

bfelbo 3y ago
React is not traditionally used for making games, but that's part of the fun and the challenge. React Jam is particularly relevant for React devs who wanna make a game, but don't wanna learn Unity, Unreal, or some other game engine. This is the 3rd React Jam. We got a lot of requests to do a React Jam over the winter holidays so we've organized one. We chose to make it a bit longer (13 days instead of 10 days) to help account for being busy with family events etc.
- westurner 3y ago
  >> React is not traditionally used for making games, but that's part of the fun and the challenge. From https://news.ycombinator.com/item?id=38437821 https://news.ycombinator.com/item?id=38437821 : > MS Flight Simulator cockpits are built with MSFS Avionics Framework which is React-like and MIT licensed: https://github.com/microsoft/msfs-avionics-mirror/tree/main/src/sdk/components https://github.com/microsoft/msfs-avionics-mirror/tree/main/... preactjs may or may not be faster: https://preactjs.com/ https://preactjs.com/ Million.js is faster than preact, and lists a number of references under Acknowledgements: https://github.com/aidenybai/million#acknowledgments https://github.com/aidenybai/million#acknowledgments https://million.dev/docs https://million.dev/docs : > We use a novel approach to the virtual DOM called the block virtual DOM. You can read more on what the block virtual DOM is with Virtual DOM: Back in Block and how we make it happen in React with Behind the block(). React API reference > Components > Profiler: https://react.dev/reference/react/Profiler https://react.dev/reference/react/Profiler From the React Developer Tools browser extension docs: https://react.dev/learn/react-developer-tools https://react.dev/learn/react-developer-tools : > Now, if you visit a website built with React, you will see the Components and Profiler panels. The Redux DevTools extension also inspects apps written without React+Redux; Angular, Cycle, Ember, Fable, Freezer, Mobx, PureScript, Reductive, and Aurelia apps: https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/Integrations.md https://github.com/reduxjs/redux-devtools/blob/main/extensio...
  - bfelbo 3y ago
    Cool, didn't know that MS Flight Simulator cockpits used a React-like framework. Thanks for sharing!
    - westurner 3y ago
      Np. From https://news.ycombinator.com/context?id=35887168 https://news.ycombinator.com/context?id=35887168 re: ipyflow I learned about ReactiveX for Python (RxPY) https://rxpy.readthedocs.io/en/latest/ https://rxpy.readthedocs.io/en/latest/ . https://github.com/ipyflow/ipyflow https://github.com/ipyflow/ipyflow : > IPyflow is a next-generation Python kernel for Jupyter and other notebook interfaces that tracks dataflow relationships between symbols and cells during a given interactive session, thereby making it easier to reason about notebook state. FWIU e.g. panda3d does not have a react or rxpy-like API, but probably does have a component tree model? https://news.ycombinator.com/item?id=38527552 https://news.ycombinator.com/item?id=38527552 : >> It actually looks like pygame-web (pygbag) supports panda3d and harfang in WASM > Harfang and panda3d do 3D with WebGL, but FWIU not yet agents in SSBO/VBO/GPUBuffer

1 points by bfelbo 3y ago

React is not traditionally used for making games, but that's part of the fun and the challenge. React Jam is particularly relevant for React devs who wanna make a game, but don't wanna learn Unity, Unreal, or some other game engine. This is the 3rd React Jam. We got a lot of requests to do a React Jam over the winter holidays so we've organized one. We chose to make it a bit longer (13 days instead of 10 days) to help account for being busy with family events etc.

westurner 3y ago
>> React is not traditionally used for making games, but that's part of the fun and the challenge. From https://news.ycombinator.com/item?id=38437821 https://news.ycombinator.com/item?id=38437821 : > MS Flight Simulator cockpits are built with MSFS Avionics Framework which is React-like and MIT licensed: https://github.com/microsoft/msfs-avionics-mirror/tree/main/src/sdk/components https://github.com/microsoft/msfs-avionics-mirror/tree/main/... preactjs may or may not be faster: https://preactjs.com/ https://preactjs.com/ Million.js is faster than preact, and lists a number of references under Acknowledgements: https://github.com/aidenybai/million#acknowledgments https://github.com/aidenybai/million#acknowledgments https://million.dev/docs https://million.dev/docs : > We use a novel approach to the virtual DOM called the block virtual DOM. You can read more on what the block virtual DOM is with Virtual DOM: Back in Block and how we make it happen in React with Behind the block(). React API reference > Components > Profiler: https://react.dev/reference/react/Profiler https://react.dev/reference/react/Profiler From the React Developer Tools browser extension docs: https://react.dev/learn/react-developer-tools https://react.dev/learn/react-developer-tools : > Now, if you visit a website built with React, you will see the Components and Profiler panels. The Redux DevTools extension also inspects apps written without React+Redux; Angular, Cycle, Ember, Fable, Freezer, Mobx, PureScript, Reductive, and Aurelia apps: https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/Integrations.md https://github.com/reduxjs/redux-devtools/blob/main/extensio...
- bfelbo 3y ago
  Cool, didn't know that MS Flight Simulator cockpits used a React-like framework. Thanks for sharing!
  - westurner 3y ago
    Np. From https://news.ycombinator.com/context?id=35887168 https://news.ycombinator.com/context?id=35887168 re: ipyflow I learned about ReactiveX for Python (RxPY) https://rxpy.readthedocs.io/en/latest/ https://rxpy.readthedocs.io/en/latest/ . https://github.com/ipyflow/ipyflow https://github.com/ipyflow/ipyflow : > IPyflow is a next-generation Python kernel for Jupyter and other notebook interfaces that tracks dataflow relationships between symbols and cells during a given interactive session, thereby making it easier to reason about notebook state. FWIU e.g. panda3d does not have a react or rxpy-like API, but probably does have a component tree model? https://news.ycombinator.com/item?id=38527552 https://news.ycombinator.com/item?id=38527552 : >> It actually looks like pygame-web (pygbag) supports panda3d and harfang in WASM > Harfang and panda3d do 3D with WebGL, but FWIU not yet agents in SSBO/VBO/GPUBuffer