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)

Utility First CSS with Tailwind, is it the right choice for you? - RRU 144

Utility First CSS with Tailwind, is it the right choice for you? - RRU 144

Let's dive deep into the pros and cons of Utility First CSS and Tailwind CSS in particular as Jack plays defense and Paige and TJ play devils advocates. Let's see who comes out on top and give you some insights into whether or not Tailwind CSS is the right choice for your next project. Panel Jack HerringtonPaige NiedringhausTJ VanToll Sponsors React Error and Performance Monitoring | SentryDev Influencers Accelerator Links Tailwind CSSTailwind UITailwind CSS IntelliSenseclsx - npmclassnames - npm GitHub | ben-rogerson/twin.macroChakra UIHeadless UI Picks Jack- Willy's WonderlandPaige- myQ | Smart Home & Smart GarageTJ- The Last Dance Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr )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.

23 Juni 202144min

Client Side, Server Side, and Static Site Rendering, Oh My! - RRU 143

Client Side, Server Side, and Static Site Rendering, Oh My! - RRU 143

Paige, Jack, and TJ discuss the details of the different ways that you can render a React application. They talk about the pros and cons of each approach, how they work, and the common mythos surrounding each one. Panel Jack HerringtonPaige NiedringhausTJ VanToll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Picks Jack- Super Heavy Test Tank Cryogenic Proof Test - YouTubePaige- For all Mankind (TV Series)Paige- Philips Sonicare Electric Toothbrush Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr )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 Juni 202110min

Clean Code with Tyler Hawkins - RRU 142

Clean Code with Tyler Hawkins - RRU 142

In today’s show, frontend engineer Tyler Hawkins shares his tips on how you can write clean, maintainable and readable code. Using the examples from his article on the same subject, he explains the importance of using clean code principles to make it easier for different developers to collaborate on a codebase. Tyler also discusses how you can better structure your tests and have more confidence in how they are written. Panel Carl MungaziJack Herrington Guest Tyler Hawkins Sponsors Dev Influencers AcceleratorReact Error and Performance Monitoring | Sentry Links React Clean CodeUse ternaries rather than && in JSXGitHub | getify/You-Dont-Know-JSClean Code With Unit TestsTyler Hawkins - Web PortfolioTyler Hawkins - MediumGitHub: Tyler Hawkins ( thawkin3 )LinkedIn: Tyler HawkinsTwitter: Tyler Hawkins ( @thawkin3 ) Picks Carl- Time away from the screensJack- GitHub | pmndrs/jotaiTyler- Being Wrong: Adventures in the Margin of Error by Kathryn Schulz Contact Carl: GitHub: Carl Mungazi ( CarlMungazi )Twitter: Carl Mungazi ( @CarlMungazi ) Contact Jack: Jack Herrington - YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Special Guest: Tyler Hawkins. 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 Juni 202154min

The 3 Essentials for Successful Job Outcomes - BONUS

The 3 Essentials for Successful Job Outcomes - BONUS

Chuck dives into the 3 essentials for getting the next successful outcome you want in your career. Whether that's something simple like a raise or something more complex like going freelance, you can achieve it by working on 3 main areas. First, building skills. The most obvious type of skills you'll need is technical skills. However, don't neglect your people skills and your organizational skills as well since you're often paid for how you work with people and enhance their work and how you put your work together in the most efficient ways. Second, building relationships. Often other people will be able to help you find the opportunities or will be the ones to make the decisions that impact your ability to get the outcome you want. Having good relationships is key to having good outcomes. Third, building recognition. Being known for being valuable in important ways allows you to leverage the skills you have to build better relationships and create opportunities to get what you need to get the outcomes you want by giving people what they want. A podcast is a great way to do all three. Chuck explains exactly how that works in this podcast and goes deeper as part of the Dev Influencers Accelerator. Panel Charles Max WoodAdvertising 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 Juni 202135min

How to Structure Your React Projects - RRU 141

How to Structure Your React Projects - RRU 141

Akash Joshi Is a frequent blogger across many of the larger blogs across the internet. He joins the Round Up to share his opinions on how you should put your React applications together as well as some tips on where you shouldn't put files and where you should avoid putting specific types of files. Some of this is inspired by projects like Next.js and others by his own experience. Paige and TJ chime in with their experience to help provide more context to the conversation. Panel Paige NiedringhausTJ VanToll Guest Akash Joshi Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial  Links Learn Structuring React Projects with a Dogs App [⚛ + 🐶]A Better Way to Structure React ProjectsImproving my OSS library and taking steps towards improving my YT qualityAkash JoshiThe Writing Dev Akash Joshi - thewritingdev - YouTubeTwitter: Akash ( @thewritingdev ) Picks Akash- Lapel MicrophonePaige- Harney & Sons Earl Grey Loose Leaf TeaTJ- Kombucha Tea Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus - MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Akash Josh. 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.

2 Juni 202137min

How to Get Hired at a FANG Company - BONUS

How to Get Hired at a FANG Company - BONUS

Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome. This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer. Panel Charles Max WoodAdvertising 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 Maj 202122min

How to Get Hired at a FANG Company - BONUS

How to Get Hired at a FANG Company - BONUS

Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome. This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer. Panel Charles Max Wood Sponsors Dev Influencers AcceleratorReact Error and Performance Monitoring | SentryAdvertising 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.

26 Maj 202125min

Fast Production-Ready React Apps with AWS Amplify with Yash Garudkar - RRU 140

Fast Production-Ready React Apps with AWS Amplify with Yash Garudkar - RRU 140

Yash Garudkar joins the Round Up to discuss using AWS Amplify to quickly build production ready applications. Yash also dives into how to use some of the offerings provided by AWS without needing to understand the wide array of offerings in Amazon Web Services. Panel Paige NiedringhausTJ VanToll Guest Yash Garudkar  Sponsors Dev Influencers Accelerator Links Build fast and production ready apps with React and AWS AmplifyIntro to React - YouTubeAWS AmplifyAWS Dev Rel Nader Dabit Twitter: Yash Garudkar ( @codeitachi )LinkedIn: Yash Garudkar Picks Paige- Pragmatic Programmer BookPaige- Superstore Show TJ- DecoderYash- NodeJS the Complete Guide Yash- Dark | Netflix Special Guest: Yash Garudkar . 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 Maj 20213min

Populärt inom Business & ekonomi

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