RRU 082: Progressive SSR with Dinesh Pandiyan
React Round Up8 Loka 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.

Jaksot(310)

3 Fundamental Pillars You Need to Succeed as an Entrepreneur - BONUS

3 Fundamental Pillars You Need to Succeed as an Entrepreneur - BONUS

Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT" Mani has summarized hundreds of business books that outline how to build, grow, and operate a business and he shares his expertise with Chuck and the listeners in this special episode. Chuck and Mani discuss what it takes to be a successful entrepreneur. They talk about their businesses on a regular basis and Chuck's been getting a lot of requests for entrepreneurship help. He and Mani talk about the 3 primary things that add momentum to your business and help you keep the momentum up when setbacks come your way. Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT"Special Guest: Mani Vaya. 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 Joulu 20211h 2min

Going Deep on Next.js ft. Atila Fassina - RRU 166

Going Deep on Next.js ft. Atila Fassina - RRU 166

Atila Fassina joins the Round Up to discuss how he got into Next and what he's doing with it now. The panel dives into the ins and outs of what you can do with Next and some advanced uses for the framework. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Guest Atila Fassina Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links State Management In Next.js — Smashing MagazineWeb VitalsGitHub - BuilderIO/partytownLocalizing Your Next.js App — Smashing MagazineTwitter: Atila ( @AtilaFassina ) Picks Atila- XStateAtila- RemixJack- WunderGraphPaige- React TableTJ- Camtasia: Screen Recorder & Video Editor (Free Trial) | TechSmith Special Guest: Atila Fassina.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.

15 Joulu 20212min

React vs Svelte ft. Jack Franklin - RRU 165

React vs Svelte ft. Jack Franklin - RRU 165

Jack Franklin joins the Round Up from Google who wrote a side project using both React and Svelte. He breaks down the differences between the two frameworks and what he likes about each. In many ways, Svelte gets out of your way and is a lot of fun to use. However, React does give you some features that make development very nice. Panel Paige NiedringhausTJ Vantoll Guest Jack Franklin Sponsors Top End DevsCoaching | Top End Devs Links Comparing Svelte and React - Jack FranklinSvelteKit Vercel welcomes Rich Harris, creator of Svelte – Vercellit-htmlBlog - Jack FranklinTwitter: Jack Franklin ( @Jack_Franklin ) Picks Jack- Crafting InterpretersPaige- Recharts TJ- Motion One library Special Guest: Jack Franklin.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 Joulu 202145min

React Native for Web ft. Giuseppe Gurgone - RRU 164

React Native for Web ft. Giuseppe Gurgone - RRU 164

Giuseppe Gurgone joins the round up to discuss React Native for Web and how you can build one application with React Native and deploy it to the web and mobile. He and the panel go in depth on React Native and the ins and outs of using it to build web applications as well. Panel TJ Vantoll Guest Giuseppe Gurgone Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links React Native for WebTwitter's div Soup and Uglyfied CSS, Explained — GiuseppeIntroducing Zero-Bundle-Size React Server Componentsview-source:https://twitter.comTwitter: Giuseppe ( @giuseppegurgone ) Picks Giuseppe- UltraTJ- Dune Special Guest: Giuseppe Gurgone.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.

1 Joulu 202148min

BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. He has read hundreds of books that have taught him the secrets to getting more done by getting into this state. He starts by telling us how he was passed over for a promotion at Qualcomm in favor of someone younger and less experienced and how that inspired him to figure out what the other guy was doing differently. He learned that he needed to get more done with the time he was spending on his projects. The trick? Deep Work! Deep Work is the ability to spend uninterrupted, focused time on a task to bend your entire mind toward the goal. Other developers call it "Flow" or "the Zone." Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount 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.

25 Marras 202147min

Modernizing Your React Apps with TypeScript ft. Chris Frewin - RRU 163

Modernizing Your React Apps with TypeScript ft. Chris Frewin - RRU 163

Chris Frewin joins the round up to discuss the project he worked on for a month and re-organized the code to bring it up to the state of the art. He discusses how to bring in TypeScript and the process for bringing TypeScript's and React's newer features into the application one step at a time. Panel Jack HerringtonPaige Niedringhaus Guest Chris Frewin Sponsors Top End DevsCoaching | Top End Devs Links GitHub - RicoSuter/NSwag swagger-node-codegen - npmJSON to TS - Visual Studio MarketplaceQuokka.js: IntroductionChris Frewin - MediumChris' Full Stack BlogPosts Tagged With "React" Picks Chris- Redux ToolkitChris- SVGOMG - SVGO's Missing GUIJack- ArcanePaige-  The Great (TV series) - WikipediaPaige- Leaflet Special Guest: Chris Frewin.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.

24 Marras 202140min

How to Organize Your React App ft. Tania Rascia - RRU 162

How to Organize Your React App ft. Tania Rascia - RRU 162

Tania Rascia joins the round up to discuss how to organize your code across files, directories, components, and repos within your React app. The panel chimes in with what they've seen and clarify how these approaches effect the overall application functionality of your app. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Guest Tania Rascia Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tv Links React Architecture: How to Structure and Organize a React Application | Tania RasciaBackends for Frontends pattern - Cloud Design Patterns | Microsoft DocsChakra UIFront End Tables: Sorting, Filtering, and Pagination | Tania RasciaTania RasciaTwitter: Tania Rascia ( @taniarascia ) Picks Jack- react-location - npmPaige - Newline.coPaige- Fullstack React with Typescript courseTania - NetlifyTJ - Edge Impulse Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Tania Rascia.Sponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.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.

10 Marras 202148min

What Skills Should We Learn Over the Holidays? - RRU 161

What Skills Should We Learn Over the Holidays? - RRU 161

The panel puts their heads together to discuss the different skills and areas of interest they would like to spend time learning or would recommend that you spend time on this year as the holidays approach. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialLevel Up | Devchat.tv Links draw.ioGreenSock animationsTailwind CSS IntelliSense - Visual Studio MarketplaceRemote - SSH - Visual Studio MarketplaceWhat’s Destroying My Yard? Pest Detection With Raspberry Pi - Hackster.io Picks Jack- Ponicode - Visual Studio MarketplacePaige- Bottomless - The First Smart Coffee SubscriptionTJ- Boiron Arnicare Gel Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Sponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.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.

3 Marras 202159min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
rss-rahapodi
mimmit-sijoittaa
ostan-asuntoja-podcast
lakicast
rss-lahtijat
rss-laakispodi
rss-neuvottelija-sami-miettinen
oppimisen-psykologia
rss-bisnesta-bebeja
rss-paasipodi
ylos-ja-yrita
rss-yrita-oikein
rss-karon-grilli
rss-20-30-40-podcast
rss-sisalto-kuntoon
rss-seuraava-potilas
rss-yritys-ja-erehdys
rss-40-ajatusta-aanesta