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)

All Astro with Fred Schott - RRU 198

All Astro with Fred Schott - RRU 198

Today we talk with Fred Schott , the co-creator of Astro, a web framework focused on improving performance. Built around island architecture, it leverages HTML over javascript where it’s an option. Astro is a great option for those who focus on content, marketing, or personal blogs, and it is a great option to use with React. In this episode we talk about when it makes sense to use Astro, and how to implement it. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksastro.new Astro | Build faster websitesAstro LoungeTwitter: @FredKSchottTwitter: @astrodotbuildPicksFred- Over the Garden WallJack- Pizza: The Ultimate Cookbook Featuring More Than 300 Recipes (Italian Cooking, Neapolitan Pizzas, Gifts for Foodies, Cookbook, History of Pizza)TJ- The Vergecast PodcastAdvertising 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 Sep 202250min

The Controversies Panelist Episode - RRU 197

The Controversies Panelist Episode - RRU 197

In today's all panelist episode we address web development controversies: state management tools, CSS in JS, GraphQL or REST, and, of course, tabs versus spaces. And the rule is: there's no saying "It depends." Listen to the panelists take hard line stances on things that matter (and things that don't), and try to defend their choices. It's a fun episode for everyone, and we'd love to hear about your own controversial coding decisions.  SponsorsTop End DevsCoaching | Top End DevsLinksDiscord - A New Way to Chat with Friends & CommunitiesPicksJack- Solo StovePaige- BULLET TRAINTJ- Portal Companion Collection for Nintendo Switch - Nintendo Official SiteAdvertising 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.

14 Sep 202254min

Gherkin with Chris Frewin from InClub - RRU 196

Gherkin with Chris Frewin from InClub - RRU 196

Today we talk with Chris Frewin, a full-stack software engineer at private experience startup InClub, located in Zurich, Switzerland.  Involved with all coding aspects, from the back-end, mobile app, CMS, and everything in-between, we learn about the challenges of being a solo developer at a startup.  We learn a lot about Gherkin, the format for cucumber specifications. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksHomeGherkin SyntaxJest10 Minute Tutorial - Cucumber DocumentationDetoxcypress.ioThe Clean Code BlogAdvanced Code Organization Patterns: The Case For One Function Per FileOne Year as the Chief Technology Officer at InClubStructure and Interpretation of Test Cases - Kevlin HenneyChris' Full Stack BlogPicksChris- The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful BusinessesChris- The Complete Isaac Asimov's Foundation Series Books 1-7 (Foundation, Foundation and Empire, Second Foundation, Foundation's Edge, Foundation and Earth, Prelude to Foundation, Forward the Foundation)Jack- Millennium Falcon™ 75192 | Star Wars™ | Buy online at the Official LEGO® Shop USPaige- Amazon.com : plastic wrap dispenser with cutterTJ- Amazon.com: Amazon GoAdvertising 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 Sep 202240min

Ancillary Skills Associated with Web Development - RRU 195

Ancillary Skills Associated with Web Development - RRU 195

In today’s all-panelist episode, we discuss many ancillary skills that you might be tempted to avoid learning but are very beneficial to know.  Included in the conversation are CSS, DNS & HTTP, caching, API styles, knowing how to interact with back ends and databases, and command line. SponsorsTop End DevsCoaching | Top End DevsLinksDiscord - A New Way to Chat with Friends & CommunitiesPicksJack- Watch Day Shift | Netflix Official SitePaige- Star Trek: Deep Space Nine - Watch Full Episodes - CBS.comTJ- Only Murders in the BuildingAdvertising 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 Aug 202247min

Next.js, Remix and Xata with Atila Fassina - RRU 194

Next.js, Remix and Xata with Atila Fassina - RRU 194

In today’s episode we talk with Atila Fassina, a developer experience engineer working at Xata.  As a fan of both, Atila compares Next.js and Remix, comparing their similarities and differences.   We also talk about how Xata makes dealing with databases more comfortable.  This server-less database, which is hidden behind an API, provides users with some nice abstractions, such as instant migrations, and analytics and a search engine right out of the box.  Our discussion includes partial routing, Remix mutations, and layout RFC. SponsorsTop End DevsCoaching | Top End DevsLinksThe Go-To Serverless Database | XataAuthor Atila Fassina - Smashing MagazineLayouts RFCRFC: Layouts · Discussion #37136 · vercel/next.jsJoin the Xata Discord Server!Atila − Web DevelopmentTwitter: @AtilaFassinaPicksAtila- Watch The Sandman | Netflix Official SiteJack- The BearPaige- Amazon.com : cooking spray bottleAdvertising 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 Aug 202249min

Navigating the Management Route with Tommy Groshong - RRU 193

Navigating the Management Route with Tommy Groshong - RRU 193

Today’s guest, Tommy Groshong, walks us through some questions to consider when thinking about pursuing a higher-level role.  After a second go-around into management, we get some insight into how the culture can be very different at higher levels and the importance of having good questions to ask.  We talk about two separate tracks you could pursue based on your skills and desires, and how to handle the requirements of management and stay connected with your coding craft and new trends in the industry. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksDiscord - A New Way to Chat with Friends & CommunitiesTommyGroshong.comTwitter: @tgroshonPicksJack- Westworld | Official Website for the HBO Series | HBO.comPaige- Outlander SeriesTJ- Only Murders in the BuildingTommy- Should I See This Movie?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.

17 Aug 202251min

Islands Architecture with Jack Herrington - RRU 192

Islands Architecture with Jack Herrington - RRU 192

Jack leads us through some of the history of how we got to where we are with client side rendering, and how island architecture helps to reduce the workload handled on the client-side.   We talk process and tips on transitioning to Islands Architecture, and in the process talk about BUN, Fresh, and other island architecture frameworks. SponsorsTop End DevsCoaching | Top End DevsLinksIslands Architecturefresh - The next-gen web framework.AstroBun is a fast all-in-one JavaScript runtimeEleventy, a simpler static site generatorThe 4 things it takes to be an expertPicksJack- MacBook Pro 13-inchPaige- Top Gun | Official Website | Now Playing Only In TheatresTJ- Summoning SaltAdvertising 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.

10 Aug 202248min

Bedrock Layout with Travis Waith-Mair - RRU 191

Bedrock Layout with Travis Waith-Mair - RRU 191

Today we talk with Travis Waith-Mair, a senior software engineer at Plex, and creator of Bedrock Layout Primitives library.  Bedrock layout allows you to build a complex layout without with reusable components without needing to be an expert at the underlying CSS.  We talk about the success of his library, and along the way discuss Lerna, a tool for JS Monorepos, and the AVO (Attributes Verbs and Objects) and method.SponsorsTop End DevsCoaching | Top End DevsLinks- Top End DevsOverview / Bedrock Layout Primitives - Page ⋅ StorybookDocumentation | LernaTravis Waith-Mair - MediumGitHub: Travis Waith-MairTwitter: @travisWaithMairPicksPaige- Formula 1: Drive to SurviveTJ- Join Bytes - Your weekly dose of JavaScriptTravis- Only Murders in the BuildingAdvertising 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.

27 Juli 202247min

Populärt inom Business & ekonomi

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