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)

Using CSS Style Inheritance with Sami Jaber - RRU 219

Using CSS Style Inheritance with Sami Jaber - RRU 219

Sami Jaber is a Software Engineer at Builder.io. He joins the show to discuss "Implementing CSS Style Inheritance in React Native". He starts by talking about the inspiration behind the article's concept. He also talks about Mitosis, how to use it, and its features. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksImplementing CSS Style Inheritance in React NativeA Quick Guide to MitosisSocialsTwitter: @samijaber_GitHub: samijaberPicksPaige - Adafruit PiTFT 3.5" Touch Screen for Raspberry PiSami - ATTITUDE | Reinventing BeautyTJ - The Silent Patient by Alex MichaelidesAdvertising 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.

3 Maj 202348min

Getting to Know Bruce A. Tate - BONUS

Getting to Know Bruce A. Tate - BONUS

Bruce A. Tate is a Founder at Groxio, Elixir Expert, and a Technical Author. He joins the show alongside Charles Max Wood to talk about his book, "Seven Languages in Seven Weeks". He also delves into some of the preparations and anticipations that come with reading the book. LinksSeven Languages in Seven Weeksgrox.io SocialsLinkedIn: Bruce TateTwitter: redrapidsAdvertising 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.

28 Apr 202331min

Blockman with Levan Katsadze - RRU 218

Blockman with Levan Katsadze - RRU 218

Levan Katsadze is a React.js TypeScript developer and Author of VS Code extension "Blockman". He joins the show alongside Jack, Paige, and TJ to talk about Blockman. He starts off by defining it and describing how it functions. He also talks about the reason why he built the VS Code extension and the process of creating it. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksBlockman - Highlight Nested Code BlocksSocialsLinkedIn: Levan KatsadzeGitHub: leodevbroleodevbro.github.ioPicksJack - NCDU CommandPaige - Mayor of Kingstown (TV Series 2021TJ - Dungeons & Dragons: Honor Among Thieves (2023)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.

19 Apr 202342min

How Do You Stop Hating Your Job? - BONUS

How Do You Stop Hating Your Job? - BONUS

Are you dissatisfied with your job? Sam Feeney helps organizations improve employee engagement, increase retention, and reinvent hiring while helping individuals (re)discover career satisfaction in their current roles. He joins the show alongside Chuck Wood to tackle altering the way you perceive your job and talk about Career satisfaction.On YouTubeHow Do You Stop Hating Your Job? - BONUSSocialsLinkedIn: Sam FeeneyAdvertising 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.

12 Apr 202344min

Creating Apps with Capacitor and React Native - RRU 217

Creating Apps with Capacitor and React Native - RRU 217

Simon Grimm is a Creator, Indie Maker & Solopreneur. He is currently working at The Ionic Academy. He joins the panel to talk about React Native and Capacitor. He starts by explaining how a "Capacitor" contributes to your web application. They talk about how to build web applications with a capacitor and how it differs from using a React Native. On YouTubeCreating Apps with Capacitor and React Native - RRU 217SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksThe Ionic AcademySocialsDevdacticGitHub: saimon24LinkedIn: Simon GrimmTwitter: @schlimmsonPicksJack - Shop Polarized SunglassesPaige - Unseen Sunscreen SPF 40 | Oil-Free Face SunscreenSimon - Gandalf the Grey™ & Balrog™TJ - 11/22/63: A Novel: King, StephenAdvertising 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.

6 Apr 202349min

Comparing React and Angular in 2023 - RRU 216

Comparing React and Angular in 2023 - RRU 216

Hosts of the Adventures in Angular podcast, Chuck Wood and Lucas Paganini, join the React Round Up Panel on this week's episode crossover. They begin the episode by contrasting the two frameworks and offering their own viewpoints on React and Angular. Additionally, they explain each of the frameworks' strong points.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipEducational Linksreact.devArticle by Lucas PaganiniVideo by Lucas PaganiniPromoted LinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comBlues.ioPaige NiedringhausBlue Collar CoderSocialsYouTube @lucaspaganiniwebLinkedIn @lucaspaganiniwebTwitter @lucaspaganini Instagram @lucaspaganiniTikTok @lucaspaganiniwebTwitter: @cmaxwTwitter: @tjvantollTwitter: @jherrTwitter: @pniedriPicksChuck - AtiwaLucas - Modernize an Enterprise React App by Paige NiedringhausPaige - Scubapro / Dive Skins / Diving Suits: Sports & OutdoorsTJ - 11/22/63 by Stephen KingAdvertising 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.

29 Mars 20231h 4min

An Introduction to Helios With Sean Austin - RRU 215

An Introduction to Helios With Sean Austin - RRU 215

Sean Austin is the CEO and Co-Founder of Helios. It is pioneering speech analytics for Wall Street. He joins the show to explain more about his company's background, how it got started and some of the factors they consider that have an impact on the company. He also discusses the services they can provide to their clients. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksHeliosMarkets Slammed With Noise, Investors Trust Tone to Set the Record StraightThe Helios Life EpisodeSean AustinLinkedIn: Sean AustinTwitter: @stlgotmynikesonPicksPaige - 1923 (TV Series 2022–2023) - IMDbSean - The Last of Us (TV Series 2023– ) - IMDbTJ - hooplaTJ - Libby appAdvertising 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.

8 Mars 202350min

The React Universe - RRU 214

The React Universe - RRU 214

Jack, Paige, and TJ join this week's panelist episode to tackle all things React and their take on different frameworks. They start off by talking about the pros and cons of "Create React App". They also discuss the Typescript 5.0 features and the SvelteKit, which was just released.On YouTubeThe React Universe - RRU 214SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksCreate React AppAnnouncing TypeScript 5.0 BetaSvelteKit@astrojs/react Astro DocumentationGatsby: The Fastest Frontend for the Headless WebNetlifyI Was Wrong About Nested React Components | YouTubePicksJack - Logitech MX Vertical Ergonomic Wireless MousePaige - Only Murders in the Building (TV Series 2021– ) - IMDbTJ - The Sixth Sense (1999) - IMDbAdvertising 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.

15 Feb 202348min

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