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)

The Missing Parts with Steven Wittens - RRU 182

The Missing Parts with Steven Wittens - RRU 182

Today we talk with Steven Wittens with his personal site acko.net, and get a glimpse inside his creative efforts of taking parts of React to a new level to support his vision for graphics developments. We also talk about Live, his own React runtime, and his upcoming use.gpu. Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks React - The Missing Parts Acko.net Steven Wittens / use.gpu · GitLabunconed - OverviewTwitter: Steven Wittens ( @unconed )Steven Wittens - YouTube Picks Paige - Inventing AnnaSteven - The Talos PrincipleTJ - Moon KnightSpecial Guest: Steven Wittens.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

18 Maj 202242min

React Design Patterns with Samaila Bala - RRU 181

React Design Patterns with Samaila Bala - RRU 181

In this episode we have special guest front-end engineer and technical writer Samaila Bala from Nigeria. We discuss several use cases of the React design patterns he has written about, such as the Compound Components Pattern and Provider Pattern. He also discusses his Send Cash app, and how it allows people to transfer money internationally with more ease. Sponsors Top End DevsCoaching | Top End Devs Links 3 React Component Design Patterns You Should Know About (openreplay.com)Samaila Bala Picks Jack - Nintendo Switch SportsPaige - Netlify Samaila - RemixTJ - PlatformIOSpecial Guest: Samaila Bala.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

11 Maj 202248min

How to Stand Out! - RRU 180

How to Stand Out! - RRU 180

In this special all-panelist episode, we discuss all things on how to stand out! We’ll discuss everything from standing out in a crowd, standing out as a software developer, and how to get your name out there. We also talk about why this is an important topic to delve into. We’ll give you tips on finding success by choosing what you find interesting and fun, as well as tips to help you grow and get noticed. Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links Hashnode - Blogging community for developers, and people in techGitHub: Where the world builds softwareLinkedIn: Log In or Sign Up Picks Jack - WarpPaige - HoneyTJ - Sonic the Hedgehog 2Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

4 Maj 202251min

Red Flags! - RRU 179

Red Flags! - RRU 179

Ever wish you had some great advice before you needed it? In this panelists episode we talk all about red flags when interviewing with a new company, and things to look for and be aware of during the process. We look at some red flags in coding, and include some tips on finding good code. We look at red flags while working with teams, managers and difficult people, and the the red flags to look for on special projects. There are even a few red flags thrown in for life in general. Sponsors Top End DevsCoaching | Top End Devs Links MPM Trends Picks Paige - React Table Jack - RedwoodJS TJ - Mario Cart Booster Course Pass Sponsored By:Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsAdvertising 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 Apr 202252min

Advice for Junior Developers - RRU 178

Advice for Junior Developers - RRU 178

Jack, Paige, and TJ give advice for Junior Developers. They pull from their own experience to break down the areas that Junior Developers may struggle with or not know that they need to focus on. Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks Jack- Hotwire: HTML Over The WirePaige- Watch Bridgerton | Netflix Official SiteTJ- Museums | Ann Arbor, MISponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

20 Apr 202257min

Wrangle Your CSS in JS for Peanuts using Goober ft. Cristian Bote - RRU 177

Wrangle Your CSS in JS for Peanuts using Goober ft. Cristian Bote - RRU 177

If you're looking for a way to manage your CSS in JS in a super lightweight framework, check out Goober. The package is exceptionally small and keeps your bundle lean and mean. Cristian Bote joins the round up to wrangle this discussion on how to put CSS into your React application in a novel way. Sponsors Top End DevsCoaching | Top End Devs Links GitHub - cristianbote/goobergooberPreactPhobia Picks Cristian- World's Strictest Parents - YouTubeJack- James Hoffmann - YouTubePaige- Twilio - Official Site - Endless API PossibilitiesTJ- BigWrite - Apps on Google PlaySpecial Guest: Cristian Bote.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

13 Apr 202250min

Open Source React with Tanner Joseph Linsley - RRU 176

Open Source React with Tanner Joseph Linsley - RRU 176

There’s a wild west of open source React out there, so let’s help you prepare. In this episode, the squad talks with Tanner Joseph Linsley, an open source React developer who’s got some wisdom to drop on how to do it right and build your community. “Honestly, a lot of the time, it’s about taking existing tools and shaping them into what I need them to be.” _- Tanner Joseph Linsley _ In This Episode 1) The BIGGEST tools in React that you oughta know in 2022 2) How to use feedback effectively and fix mistakes quickly 3) The TRUTH around open-source in the dev community (and how to get started) Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks Carl- Christmas DIY at the Chateau - How to renovate a Chateau (Without killing your parter)Paige- Star Trek: Discovery (TV Series 2017– ) - IMDbTanner- Anycubic Mega X 3D PrinterTanner- Locke & Key (TV Series 2020– ) - IMDbTanner- Oculus Quest VRTJ- SteamYardSpecial Guest: Tanner Linsley.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

16 Mars 20221h 3min

UseEffect and Writing Well with Chimezie Innocent - RRU 175

UseEffect and Writing Well with Chimezie Innocent - RRU 175

Sometimes, the answer isn’t to code more. In this episode, the crew sits down with Chimezie Innocent, a developer who will show you how to clean up your act with UseEffect, as well as why this ONE thing dramatically improved his coding. “If you want to understand something better, the best advice I would give is ‘Just write about it!’” - Chimezie Innocent In This Episode 1) Why UseEffect is CRUCIAL for avoiding a world of hurt in your cleanup 2) How to reveal how little you ACTUALLY understand a concept (and how to become a better developer fast!) 3) Some GO-TO tips for improving your writing, helping others, and getting paid to do something other than coding Sponsors Top End DevsCoaching | Top End Devs Links Understanding React’s useEffect cleanup function - LogRocket Blog Picks Chimezie- Elementary movie about public schoolsJack- SAD LampJack- Mountain DuckPaige- Grippy SocksTJ- Stylus for cold weather phone usageSpecial Guest: Chimezie Innocent.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

9 Mars 202237min

Populärt inom Business & ekonomi

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