Cover Photo for React Advanced London Meetup 2022 - Spring Edition [in-person]

React Advanced London Meetup 2022 - Spring Edition [in-person]

Primary Photo for React Advanced London

React Advanced London

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.com

https://twitter.com/ReactAdvanced

http://youtube.com/ReactConferences

Presentations

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.

React Advanced London Meetup 2022 - Spring Edition [in-person]

Primary Photo for React Advanced London

React Advanced London

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.com

https://twitter.com/ReactAdvanced

http://youtube.com/ReactConferences

Presentations

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.

Guild

Get in touch!

hi@guild.host