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)

BONUS: What is Charles Max Wood's Biggest Payoff for Being a Dev Influencer?

BONUS: What is Charles Max Wood's Biggest Payoff for Being a Dev Influencer?

Charles Max Wood started podcasting because it sounded fun and because he wanted to talk about technology. He learned pretty quickly that it got him access to people who understood the things he wanted to learn. The reasons changed over the years, as Charles explains before he talks about the big payoff he gets now from doing the podcasts. 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.

9 Huhti 202131min

RRU 138: React Component Tests for Humans with Miroslav Nikolov

RRU 138: React Component Tests for Humans with Miroslav Nikolov

On this episode of React Round Up we chatted with Miroslav Nikolov, a UI developer at one.com, about his approach to unit testing React components. Miroslav discussed writing components in a human-friendly way, using the library UnexpectedJS. We also talked about Miroslav’s blog, including how he got started with it, and some of the tools he used, like Gatsby and Mailchimp. This is a great episode if you’re looking to learn more about how to approach unit testing in React. Panel Paige NeidringhausTJ VanToll Guest Miroslav Nikolov Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialReact Error and Performance Monitoring | Sentry Links webup.org/blog | Miroslav NikolovUnexpectedJSReact Component Tests for Humans | CSS-TricksmailchimpSubstack Picks Miroslav- erikras.comMiroslav- Application State Management with ReactPaige- Tom Clancy's | Jack RyanTJ- DREAM SPORT Bike Computer Bicycle Speedometer and Odometer 16-Function Wired Bike Computer Waterproof Special Guest: Miroslav Nikolov. 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.

7 Huhti 202141min

BONUS: How Jason Weimann Became a Game Developer

BONUS: How Jason Weimann Became a Game Developer

Jason Weimann started out as an enthusiast of the Massively Multiplayer Online Role Playing Game, Everquest. After becoming a software developer and building a collaborative community playing the game, learn how he used his connections to get a job working for the company that made the game, even if it wasn't a job working as a game developer and how that led to a career working on one of the most popular online games of the time. 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.

2 Huhti 202139min

RRU 137: From QA to Developer with Rani Zilpelwar

RRU 137: From QA to Developer with Rani Zilpelwar

Changing careers into software development is always an interesting story and Rani Zilpelwar's story is no different. In this episode, Rani, the QA developer turned software consultant, talks about how she's held almost every software role at one point or another, and how she's continuing to improve her skills now as a software consultant. The discussion includes books and websites she's found helpful to building up her knowledge, how the company she works for helped set her up for success by pairing her with a more experienced developer as a mentor when she started out, and now how / why she blogs on her own site to give back and solidify the things she's learning. Rani's deep knowledge of testing also lends itself well to her new role and she and the team discuss testing strategies and best practices from her days as a QA engineer. This is a great episode if you're looking to make your own career transition and see how other skills can apply there. Panel Carl MungaziPaige NiedringhausTJ VanToll Guest Rani Zilpelwar Sponsors Dev Heroes AcceleratorReact Error Monitoring | Sentry Links Interview CakeGrokking the System Design InterviewEmotional Intelligence 2.0 by  Travis Bradberry and Jean GreavesCaptivate: The Science of Succeeding with People by Vanessa Van EdwardsCaptivate: The Science of Succeeding with People by Vanessa Van Edwards (Audible)Code KataReact StatusFrontend FocusProgramming DigestHow to Write Good Unit Tests | Elevate your CodeJavaScript End to End Testing Framework | cypress.ioBDD Testing & Collaboration Tools for Teams | CucumberWebDriverIOPact TestsPercyElevate your CodeLinkedin: Rani ZilpelwarSoftware is our craft | 8th LightCareers | 8th Light Picks Carl- Fullstack Node.js by David GuttmanCarl- Boost Note - An open sourced markdown editor for developersCarl- Ignite Hubs | Re-imagining learning to inspire young mindsPaige- Riviera (TV series)Rani- Refactoring by Martin Fowler, with Kent BeckRani- Smiling MindTJ- Key Light | elgato Special Guest: Rani Zilpelwar. 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.

31 Maalis 202157min

BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

Chuck outlines how he's used his podcasts to find mentors to continue his learning journey over 12 years of podcasting. Some mentors have been long lived relationships while others have lasted only a few months or even days. This episode shares Chuck's experience learning from the top people in the development community as a programmer and podcaster. 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.

26 Maalis 202130min

BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

Chuck outlines how he's used his podcasts to find mentors to continue his learning journey over 12 years of podcasting. Some mentors have been long lived relationships while others have lasted only a few months or even days. This episode shares Chuck's experience learning from the top people in the development community as a programmer and podcaster. 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.

26 Maalis 202130min

RRU 136: MIcro Front-Ends and Module Federation with Jack Herrington

RRU 136: MIcro Front-Ends and Module Federation with Jack Herrington

Jack Herrington joins TJ for a discussion about React, Micro Front-Ends, and Module Federation in Webpack. All of these are things that Jack has show off on his Youtube Channel. They discuss the how and why you'd want to implement this approach to building applications. Panel TJ VanToll Guest Jack Herrington Sponsors Dev Heroes AcceleratorReact Error Monitoring | Sentry Links TypeScript: Documentation - Utility TypesGitHub | pmndrs/zustandGitHub | pmndrs/jotaiBlue Collar Coder | Jack HerringtonYouTube Channel | Jack HerringtonGitHub: Jack Herrington ( @jherr ) Picks Jack- Edward Tufte: Books - The Visual Display of Quantitative InformationTJ- The Mandalorian  Special Guest: Jack Herrington . 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 Maalis 202154min

BONUS: How Senior Developers Can Enjoy Learning Like They Were Juniors

BONUS: How Senior Developers Can Enjoy Learning Like They Were Juniors

Remember the amazing adventure it was to learn a new thing every day as a Junior Developer? It's easy to feel a little stuck or lost as a Senior developer since there aren't roadmaps or people looking to mentor seniors. (Besides Charles Max Wood.) Chuck talks about how he felt that way at different points in his career and how podcasting and connecting with the programming communities helped him get past that. Panel Charles Max Wood Sponsors This Dot LabsRaygun | Click here to get started on your free 14-day trial React Error 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.

16 Maalis 202139min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
rss-rahapodi
mimmit-sijoittaa
ostan-asuntoja-podcast
rss-lahtijat
lakicast
rss-laakispodi
rss-bisnesta-bebeja
rss-neuvottelija-sami-miettinen
oppimisen-psykologia
ylos-ja-yrita
rss-yrita-oikein
rss-myynti-ei-ole-kirosana
rss-kaupan-tila
rss-20-30-40-podcast
rss-sisalto-kuntoon
rss-paasipodi
rss-yrittajan-mindset
rss-yritys-ja-erehdys