discussions-and-proposals icon indicating copy to clipboard operation
discussions-and-proposals copied to clipboard

[RFC] a pure serverside react native which always render in browser like blazor server side

Open congzhangzh opened this issue 3 years ago • 1 comments

Introduction

A full server-side react native(render remote in browser) for easy and fast desktop/mobile app development like Microsoft Blazor ServerSide, https://docs.microsoft.com/en-us/aspnet/core/blazor/hosting-models?view=aspnetcore-6.0 , demo)

Details

a new react-native Reconciliation, which split diff/patch two-part, one on the main thread like, and another on native browser control!

maybe need something like host.js to create RPC for diff tunnel/UI event tunnel.

Discussion points

  1. who needs it? the desktop developer which may need the react ecosystem support! code reuse for desktop/mobile/web fast prototype and deploy

  2. possible? sure, as react for android/ios/threejs possible, there is no limit here, but also the magic of web technology

  3. valueable

    I think so, as now Microsoft MAUI, Google Flutter all seems cross-platform already or in the future, but also for JetBrains.

  4. more to consider

    some little react to support both React Web/React Native/React Remote?

  5. why?

    the productivity/the web ecosystem/the react ecosystem and hate about Microsoft's slow and messy, https://github.com/dotnet/Microsoft.Maui.Graphics.Controls/issues/57

ref:

  1. https://reactnative.dev/docs/out-of-tree-platforms
  2. https://indepth.dev/posts/1008/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react
  3. https://hackernoon.com/virtual-dom-reconciliation-and-diffing-algorithm-explained-simply-ycn34gr
  4. https://css-tricks.com/how-react-reconciliation-works/
  5. https://mobidev.biz/blog/how-react-native-app-development-works
  6. https://reactnative.dev/docs/out-of-tree-platforms
  7. https://www.codemag.com/article/1701071/Cross-Platform-Mobile-Applications-with-React-Native
  8. https://github.com/dotnet/Microsoft.Maui.Graphics.Controls/issues/57
  9. https://www.tryphotino.io/
  10. https://pterolex.github.io/presentation-build-your-own-rn/
  11. a magic introduction about how react native connect & bind to react native side was lost!

congzhangzh avatar Dec 19 '21 07:12 congzhangzh

This seems very cool https://github.com/calderajs/caldera-react

congzhangzh avatar Jan 28 '22 08:01 congzhangzh