React Advanced London Meetup 2022 - Spring Edition [in-person]
React Advanced London
May
11
Wednesday, May 11th
from 6:00PM to 9:00PM UTC
In-Person
Address available to attendees
We missed you this time around!
👋 General Info
Hey React Advanced London community! We are back on track and ready to have an exceptional time sharing the best open-source practices and knowledge with you.
We’re going to meet on the 11th of May to talk about all things React and dive deep into the details and internals of our favourite libraries, tools, and patterns.
We hope you join us!
📍Event location
Mrs Fogg’s Dockside Drinkery & Distillery, 37 Broadgate
🎫 Registration
Please do RSVP here to show your friends you’re coming.
Feel free to bring +1 friend who is interested in joining us (just share the Guild link - so your friend could register as well).
🤝 Sponsors
Huge shout out to our main sponsor - OfferZen (www.offerzen.com)!
OfferZen is a community-first developer job marketplace that connects top developers in Africa and Europe with over 2000 companies that are looking to grow their teams. We flip the normal recruitment process on its head: companies reach out to candidates who are actively looking for new opportunities. Our mission is to help people unlock their potential by helping them build awesome software.
This event made possible thanks to the support from React Advanced London organizers - GitNation.
🕑 Event Schedule
18:30 - Doors open - snacks, beer, socialization
19:00 - Intro and announcements
19:10 - Talks
20:00 - Mingle until 10pm
—
👍 Code of Conduct
By registering for this event you agree to comply with our CoC
https://reactadvanced.com/coc📩 Contact
hi@reactadvanced.comhttps://twitter.com/ReactAdvancedhttp://youtube.com/ReactConferencesPresentations
Jessica Leach
Server-Side Rendering in React 18
At the moment, server-side rendered React pages need to:
fetch ALL the data on the server before sending any HTML to the page
then wait for ALL the JavaScript to load on the client before hydrating the page
and then wait for ALL components to hydrate before interacting with the page.
Each step in this process has to finish before the next one can start.
With React 18, we can make this process feel faster for your users by splitting the components in your layout into individual units which don’t need to wait for the rest of the page to fetch, load and hydrate.
This is achieved by
the renderToPipeableStream method, which enables HTML to be sent to the page before ALL the data for the page has been fetched.
wrapping individual units of your layout with <Suspense> lets them hydrate independently.
This talk will explain the current problems in server-side rendering and show and explain how React 18 aims to solve these.
Jani Eväkallio
How I Built a Real-Time Collaborative Web-Based Text Editor and Lived to Tell the Tale
Ever thought to yourself, ""You know what would be fun? Building Google Docs, but all by myself“? I did, and I have some fun and painful stories to share!
Collaborative rich text editing on the web is a world you may not know much about, but hopefully after all is said and done, I'll leave you feeling: “if that doofus could do it, I probably could too.”
In this talk, I'll show you how to build rich text editing apps using React, Tiptap, and how to make them collaborative with CRDTs (Conflict-free Replicated Data Types) using Y.js.
Platform Sponsors
Liveblocks is real-time infrastructure to create collaborative experiences like Figma & Notion in a matter of days, not months. Our toolkit is purpose-built for the JS, React, and Next.js ecosystem.
https://liveblocks.io
Don't let broken lines of code, busted API calls, and crashes ruin you app. Join the 4M developers and 90K organizations who consider Sentry “not bad” when it comes to application monitoring. Use code “guild” for 3 free months of the team plan.
https://sentry.ioWe missed you this time around!
Platform Sponsors
Liveblocks is real-time infrastructure to create collaborative experiences like Figma & Notion in a matter of days, not months. Our toolkit is purpose-built for the JS, React, and Next.js ecosystem.
https://liveblocks.ioDon't let broken lines of code, busted API calls, and crashes ruin you app. Join the 4M developers and 90K organizations who consider Sentry “not bad” when it comes to application monitoring. Use code “guild” for 3 free months of the team plan.
https://sentry.ioReact Advanced London Meetup 2022 - Spring Edition [in-person]
React Advanced London
May
11
Wednesday, May 11th
from 6:00PM to 9:00PM UTC
In-Person
Address available to attendees
👋 General Info
Hey React Advanced London community! We are back on track and ready to have an exceptional time sharing the best open-source practices and knowledge with you.
We’re going to meet on the 11th of May to talk about all things React and dive deep into the details and internals of our favourite libraries, tools, and patterns.
We hope you join us!
📍Event location
Mrs Fogg’s Dockside Drinkery & Distillery, 37 Broadgate
🎫 Registration
Please do RSVP here to show your friends you’re coming.
Feel free to bring +1 friend who is interested in joining us (just share the Guild link - so your friend could register as well).
🤝 Sponsors
Huge shout out to our main sponsor - OfferZen (www.offerzen.com)!
OfferZen is a community-first developer job marketplace that connects top developers in Africa and Europe with over 2000 companies that are looking to grow their teams. We flip the normal recruitment process on its head: companies reach out to candidates who are actively looking for new opportunities. Our mission is to help people unlock their potential by helping them build awesome software.
This event made possible thanks to the support from React Advanced London organizers - GitNation.
🕑 Event Schedule
18:30 - Doors open - snacks, beer, socialization
19:00 - Intro and announcements
19:10 - Talks
20:00 - Mingle until 10pm
—
👍 Code of Conduct
By registering for this event you agree to comply with our CoC
https://reactadvanced.com/coc📩 Contact
hi@reactadvanced.comhttps://twitter.com/ReactAdvancedhttp://youtube.com/ReactConferencesPresentations
Jessica Leach
Server-Side Rendering in React 18
At the moment, server-side rendered React pages need to:
fetch ALL the data on the server before sending any HTML to the page
then wait for ALL the JavaScript to load on the client before hydrating the page
and then wait for ALL components to hydrate before interacting with the page.
Each step in this process has to finish before the next one can start.
With React 18, we can make this process feel faster for your users by splitting the components in your layout into individual units which don’t need to wait for the rest of the page to fetch, load and hydrate.
This is achieved by
the renderToPipeableStream method, which enables HTML to be sent to the page before ALL the data for the page has been fetched.
wrapping individual units of your layout with <Suspense> lets them hydrate independently.
This talk will explain the current problems in server-side rendering and show and explain how React 18 aims to solve these.
Jani Eväkallio
How I Built a Real-Time Collaborative Web-Based Text Editor and Lived to Tell the Tale
Ever thought to yourself, ""You know what would be fun? Building Google Docs, but all by myself“? I did, and I have some fun and painful stories to share!
Collaborative rich text editing on the web is a world you may not know much about, but hopefully after all is said and done, I'll leave you feeling: “if that doofus could do it, I probably could too.”
In this talk, I'll show you how to build rich text editing apps using React, Tiptap, and how to make them collaborative with CRDTs (Conflict-free Replicated Data Types) using Y.js.