Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
congzhangzh opened this issue Dec 19, 2021 · 1 comment

Comments

@congzhangzh
Copy link

congzhangzh commented Dec 19, 2021

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, [Experiment] GraphicsControls in Linux using SkiaSharp dotnet/Microsoft.Maui.Graphics.Controls#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. [Experiment] GraphicsControls in Linux using SkiaSharp dotnet/Microsoft.Maui.Graphics.Controls#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
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant