RRU 082: Progressive SSR with Dinesh Pandiyan
React Round Up8 Okt 2019

RRU 082: Progressive SSR with Dinesh Pandiyan

Dinesh Pandiyan is a developer from India. He started as a backend engineer and then moved to frontend. Currently he is working for ThinkMill in Sidney, Australia. Today Dinesh and the panel are talking about devtools and progressive SSR. Dinesh got started with React Redux. The panelists talk about their experiences using primarily Redux for projects. Dinesh talks about his transition from backend to frontend and how it’s a totally different world. On the backend he was working in Java and it ran on a server, but on the frontend, code runs in a browser and the browser is very different for each user. Frontend development is tricky because you don’t know where your code is going to run. One of the trickiest parts of frontend development is debugging something in production. Unless you have good logging tools, you won’t know what’s going on. Debugging this stuff when it’s running on client browsers is hard, but when you’re in development mode your own browser you’ve got handy tools. They talk about some of the tools in React, and agree that console.log is the greatest debugging tool of all time. Dinesh talks about some of the most surprising features about React dev tools. You can benchmark your preferences and identify weaklings in your project, which are things that slow down your application or things that might slow it down. On an application level, you have to build a mental model of how the data flows from the top, where things change, etc, and dev tools can help you build that pretty easily. They talk about how things had to be done before great React tools. In fact, Dinesh chose React just for the devtools. They talk about how the dev tools for React compare to Java. The most important thing is that you have a good debugger that can stop where you want it to. They transition to talking about the differences between SSR and progressive SSR For SSR (Server Side Rendering), rendering happens on the server and you send it to the client. CSSR (Client Server Side Rendering) is when all the rendering happens on the client’s side. PSSR (Progressive Server Side Rendering) is where you render small chunks on the server and then send it to the client bit by bit. They talk about how this has been occurring from the beginning of the internet. This concept is similar to microfrontends. Dinesh gives advice on how to implement PSSR. He says that when you surver render, it loads on differently. Your framework has to do one complete pass of the histiema, so this means you cannot send things to the client until the whole histema is designated. To beat this they’ve been doing a mix of SSR and CSR, with the header, body, and non critical content rendering on the client side. PSSR bridges the gap between SSR and CSSR. How do we make it real and how do we use it? The panel discusses ways to make PSSR a reality. Dinesh has been experimenting with it with extra services, and he gives his method for doing it, emphasizing the importance of where you divide your code is very important, it has to be in sequence. CSS Grid solves this problem, so you could render things out of order and the browser puts it in the right spot. They talk about other ways to get around it. Lucas shares some of the difficulties he’s encountered with streaming and rendering. They talk about the new feature for the Phoenix framework for Elixir, Live View Now. For this feature, you don’t need client side frameworks to generate dynamic content and it enables two way streaming. However, it does not scale well for extremely large apps. They talk about some of the tradeoffs for using this feature. They conclude by discussing the gap between website optimization and device performance. Panelists
  • Thomas Aylott
  • Dave Ceddia
  • Lucas Reis
With special guest: Dinesh Pandiyan Sponsors Links Follow DevChatTV on Facebook and Twitter Picks Lucas Reis: Thomas Aylott: Dinesh Pandiyan: David Ceddia: Special Guest: Dinesh Pandiyan.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Avsnitt(310)

Migrating to React Query from Redux with Pierre Hedkvist - RRU 227

Migrating to React Query from Redux with Pierre Hedkvist - RRU 227

Software engineer Pierre Hedkvist joins the React Round Up panelists to share some spicy (controversial) coding decisions he's made and then written about. The first hot topic is using React state to store filter setting in query parameters with the help of a custom Hook, and the second is migrating an app to rely more heavily on React Query instead of Redux.If you've been considering doing something similar, give this episode a listen to hear Pierre's strategies and advice for anyone looking to get started.SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksStoring State in the URL with ReactMigrating from Redux to React QueryPierre HedkvistTwitter: @PierreHedkvistPicksPaige - ChrisFix | Youtube ChannelPierre - YJSPierre - LiveBlocksTJ - Magic PuzzlesAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

2 Aug 202336min

Jumpstart Your React Career With Collin Pfeifer - RRU 226

Jumpstart Your React Career With Collin Pfeifer - RRU 226

Collin Pfeifer, writer, software engineer, and student at Indiana University joins the React Round Up panel to discuss the intricacies and pitfalls in Create React App, the roadmap of being a self-taught developer, and how the computer education system has changed over the years.SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksWhy Create React App is Outdated in 2022Collin PfeiferTwitter: @pfeifer_collinPicksCollin - GitHub student developer packCollin - Thrifting mystery packsJack - Rubik's CubeTJ - Lensa AI: photo & video editor 4+ - App StoreAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

20 Juli 202342min

Figma's Biggest Change - RRU 225

Figma's Biggest Change - RRU 225

Jack, Paige, and TJ join this week's panelist episode to talk about Figma. Figma is a web-based design tool. Jack takes the lead as he talks about its new exciting features, how this tool benefits the designers, what sets it apart from competing design tools, and many more!SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksFigma: The Collaborative Interface Design ToolPicksJack - Monkeytype | A minimalistic, customizable typing testPaige - Ted Lasso (TV Series 2020–2023)TJ - The Legend of Zelda: Breath of the WildAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

5 Juli 202356min

Bootstrapping Application with Bun - RRU 224

Bootstrapping Application with Bun - RRU 224

Peter Osah is a Fullstack Software Engineer, Technical Writer, and a Biochemist & Bioinformatics Enthusiast. He joins the show to talk about his article, " Bootstrap your next Preact application with Bun". He begins by giving the listeners an introduction to Bun and its advantages. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksBootstrap your next Preact application with BunSocialsLinkedIn: Peter OsahPicksJack - Spider Grills - The Original Spider-22Paige - GitHub Copilot · Your AI pair programmerTJ - The Vergecast Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

21 Juni 202342min

Everything About Firebase - RRU 223

Everything About Firebase - RRU 223

Oluwaseun Raphael Afolayan is the Co-Founder of MyTherapist.ng, Technical Author, Fullstack Mobile Engineer, and eSports Gamer. He joins the show to talk about Firebase. He discusses the services that Firebase offers and why he chose it. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksFirebaseSocialsLinkedIn: Oluwaseun Raphael AfolayanPicksJack - Insta360 X3 – Waterproof 360 Action CameraPaige - Star Trek: Picard (TV Series 2020–2023)TJ - GCI Outdoor Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

7 Juni 202324min

What It Takes To Be A Web Developer: Part 2 - RRU 222

What It Takes To Be A Web Developer: Part 2 - RRU 222

Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects. On YouTubeWhat It Takes To Be A Web Developer: Part 2 - RRU 222SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: AJ O'NealTwitter: @coolaj86LinkedIn: Dan Shappir Twitter: @DanShappir PicksAJ - LMNT - The Best Electrolyte Drink Mix EverAJ - MikroTik Routers and Wireless - ProductsDan - JSNation – the main JavaScript conference of 2023Dan - JNation 2023Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

31 Maj 202359min

What It Takes To Be A Web Developer: Part 1 - RRU 221

What It Takes To Be A Web Developer: Part 1 - RRU 221

Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: AJ O'NealTwitter: @coolaj86LinkedIn: Dan Shappir Twitter: @DanShappir Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

24 Maj 202355min

Being a React Developer with Chirag Dugar - RRU 220

Being a React Developer with Chirag Dugar - RRU 220

Chirag Dugar is a Software Development Engineer - II at Javis. He begins the show by talking about transitioning from being a college student to a Software Developer. He also shares his past learnings in coding and making connections during his internship. Moreover, he discusses his React projects, his experiences in creating those and his challenges.SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Chirag Dugar GitHub: ChiragDugarTwitter: @c_dugar2011PicksChirag - In-App Chat & MessagingJack - RaycastPaige - vscode-petsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

17 Maj 202342min

Populärt inom Business & ekonomi

badfluence
framgangspodden
varvet
rss-svart-marknad
uppgang-och-fall
rss-borsens-finest
lastbilspodden
rss-jossan-nina
rss-kort-lang-analyspodden-fran-di
affarsvarlden
24fragor
rss-inga-dumma-fragor-om-pengar
rss-en-rik-historia
rss-dagen-med-di
avanzapodden
borsmorgon
tabberaset
fill-or-kill
bathina-en-podcast
dynastin