Chat & Discussions>Discussions

React Server Components ( React Teams take on LiveView?)

/phoenix#liveview#surface
harmon25

harmon25

React Server Components ( React Teams take on LiveView?)

Happy holidays everyone, I feel like Christmas has come early!

Posted today by the React team:
Introducing Zero-Bundle-Size React Server Components – React Blog (reactjs.org)

This looks an awful lot like LiveView - especially when combined with Surface! (about 25 minutes into the video they demonstrate what is essentially a live_patch)

I have been experimenting with rewriting a React SPA(phoenix/gql backend) into something server rendered with LiveView + Surface, have the impression that this move by the React team helps validate that decision.

RFC: React Server Components by josephsavona · Pull Request #188 · reactjs/rfcs · GitHub

The first comment on the RFC ^ likens React Server Components to technologies like ASP.NET Blazor… Wonder if all the Facebook erlang work has been towards bringing React Server Components to the erlang/elixir ecosystem?

Big shout out to all the folks involved with Phoenix + LiveView ( +Surface) for setting this trend, or maybe seeing into the future :stuck_out_tongue:

Thoughts?

2 comments
/phoenix#liveview#surface
14 3092 2

Most Liked

50kudos

50kudos

What makes the React Server Components a bit cooler is interactive markup (that jsx) lives in the same tree for both client and server rendering. Client states are untouched. Their immediate format sent over the wire is smart enough to merge particular component from server into the client react tree.

Though I’m for backend solidarity :smiley: https://twitter.com/dhh/status/1341420143239450624

2
Post #3

Where Next?

View thread on forum
phoenix
liveview
surface
Home Chat & Discussions>Discussions
/phoenix#liveview#surface
14 3092 2
Last post

Popular in Discussions Top

cvkmohan
Chat & Discussions>Discussions

Phoenix upcoming 1.6 release
The upcoming Phoenix 1.6 release looks very interesting. Became a habit to watch the commits - and - what they are bringing in. phx.gen...
/phoenix#liveview
378 13701 74
New
arcanemachine
Chat & Discussions>Chat / Discussions

Jose Valim: "Elixir is, officially, a gradually typed language"
https://nitter.net/josevalim/status/1744395345872683471 https://twitter.com/josevalim/status/1744395345872683471
#static-types
249 14441 57
New
pillaiindu
Chat & Discussions>Chat / Discussions

What is the best / easiest way to convert a Phoenix LiveView app into an iOS and Android app?
I want to convert a Phoenix LiveView CRUD website to a CRUD mobile app. What do you think is the easiest way to do so?
#mobile-app
43 10153 21
New
nburkley
Chat & Discussions>Chat / Discussions

Elixir on AWS Lambda is coming soon
AWS re:Invent is on at the moment with some interesting announcements. One new feature in particular is the Lambda Runtime API for AWS La...
#deployment#aws
75 13141 27
New
Jayshua
Chat & Discussions>Chat / Discussions

HTMX - A js library sort of like liveview
I recently came across the javascript library htmx. It reminded me a lot of liveview so I thought the community here might be interested....
/phoenix#liveview
89 9938 26
New
rower687
Chat & Discussions>Discussions

Understanding the advantages of "let it crash" term
Hi all, I’ve been reading a lot about the “let it crash” term and how supervising processes and the whole messaging passing make an elixi...
100 12138 30
New
Qqwy
Chat & Discussions>Chat / Discussions

The issue with the static access operator (the dot)
I would like to spark a discussion about the static access operator: .. For whom does not know: it is used in Elixir to access fields of...
#access#discussion
18 10436 24
New
jesse
Chat & Discussions>Chat / Discussions

Gigalixir: Platform-as-a-Service designed just for Elixir/Phoenix
Hi everyone, I hesitated to post this here because I don’t want you to think I’m spamming, but I’ve been working on a Platform-as-a-Serv...
#deployment#gigalixir
154 19286 94
New
pdgonzalez872
Chat & Discussions>Chat / Discussions

Elixir + WASM -> will it happen?
If this has been asked here before, please point me to where it was asked as I didn’t find it when I searched the forum. Maybe a mailing ...
#discussion#wasm#lumen#firefly
54 12576 24
New
Owens
Chat & Discussions>Chat / Discussions

WebSockets vs Push Notifications (AWS Pinpoint)
Hello all, I am developing a new mobile app with Flutter frontend and Phoenix backend. The mobile app has real-time task management and c...
#push-notifications
8 9088 5
New

Other popular topics Top

siddhant3030
Questions & Help>Questions

How can I write a raw sql query?
Hi, I have to write a raw query for one of my project. But till now I have used ecto queries and don’t have much experience writing raw ...
/phoenix#ecto
13 19624 20
New
JorisKok
Questions & Help>Questions

How is it possible to get 2 million websocket connections when you have 65536 available ports?
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
/phoenix
20 18472 4
New
ovidiubadita
Questions & Help>Questions

Elixir for game development
Hey all, I discovered Elixir and I love it. I always wanted to learn a functional programming and I intended to go for Haskell, but afte...
#game
30 23540 25
New
pmjoe
Questions & Help>Questions

What do you think of Gleam compared to Elixir?
I have a relationship of love and hate with Elixir. Lots of things are just absolutely right, but there are some things that are kind of ...
#programminguages#gleam
24 17494 10
New
bsollish-terakeet
Questions & Help>Questions

Checking if an enum is empty - Credo vs Compiler
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
#compiler#credo
8 23175 6
New
vegabook
Questions & Help>Questions

How to serve an img with Phoenix?
I'm brand new to Phoenix and I have stripped one of the demo applications to the bone. I just want to get an svg up on the screen. Here i...
/phoenix
15 18737 5
New
dblack
Questions & Help>Questions

WebSocket is closed before the connection is established
I’ve got an issue with an app and I’ve no idea of how to troubleshoot it. I’m hoping someone here might have seen something similar. I p...
/phoenix#troubleshooting#liveview
13 27312 22
New
rms.mrcs
Questions & Help>Questions

Transform a list into an map with indexes using Enum module
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list....
35 32804 9
New
AstonJ
Chat & Discussions>Chat / Discussions

Elixir Code Editors & IDEs - which one are you using? (Poll)
Please see the new poll here: Which code editor or IDE do you use? (Poll) (2022 Edition) It’s been a while since we first asked this, I...
#code-editors
208 31107 143
New
sergio
Chat & Discussions>Chat / Discussions

What's a great modern drag and drop javascript library you recommend?
Kind of like when jquery came out, it was super necessary. Existing drag and drop libraries have a bunch of baggage to support old browse...
/phoenix#javascript
66 19499 25
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Chat & Discussions>Discussions

Chat Discussions ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Dashbit

Build Elixir applications with speed and confidence.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement