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)

RRU 135: Redux, Redux Toolkit, OSS and More with Mark Erikson

RRU 135: Redux, Redux Toolkit, OSS and More with Mark Erikson

Returning guest Mark Erikson joins the React Round Up team to discuss how he found himself in the position of being an open source maintainer for Redux, how he's helped shepherd/author future versions of Redux (and the complete overhauls that happened when React Hooks were introcuded), and the new examples he's written for Redux Toolkit to make Redux easier for devs to get started with. Mark also addresses some commons misconceptions around React and Redux, such as: is React Context a perfect substitute for Redux (spoiler: it's not), and is Redux still relevant today (it is). Take a listen to hear about getting into open source, where Redux is headed and Mark's broader thoughts on helping the React community document and standardize all the options out there so developers have an easier time choosing the tools needed to solve their particular problems. Panel Carl MungaziPaige NiedringhausTJ VanTollZain Sajjad Guest Mark Erikson Sponsors This Dot LabsDev Heroes Accelerator Links Cheng Lou - On the Spectrum of Abstraction at react-europe 2016Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux)Coding Career AdviceGitHub | markerikson/react-community-tools-practices-cheatsheetGitHub | markerikson/react-community-tools-practices-cheatsheet - Initial RFC: Scope and Goals #1Comparison with Other FrameworksRedux Style Guide#Redux Essentials, Part 1: Redux Overview and Concepts#Redux Fundamentals, Part 1: Redux Overview#Redux ToolkitRTK QueryJavaScript for Java-ish DevelopersMark's Dev BlogTwitter: Mark Erikson ( @acemarke )GitHub | Mark Erikson Picks Carl- Writing for Software Developers by Philip Kiely Mark- Josh ComeauPaige- Open source password manager - BitwardenTJ- Bowflex SelectTech DumbbellsZain- GitHub | zalmoxisus/redux-devtools-extensionSpecial Guest: Mark Erikson. 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 20211h 6min

BONUS: How to get Freelance Clients to Come to You

BONUS: How to get Freelance Clients to Come to You

Charles Max Wood explains how he landed his first 4 freelance clients that took him through a few years of freelancing with only 3 years of experience and a few hundred podcast listeners. Funnily enough, they actually came to him, not the other way around. He explains how he made himself attractive to them and then turned it into a mutually profitable relationship once he had their attention. Panel Charles Max Wood Sponsors This Dot LabsRaygun | Click here to get started on your free 14-day trialDev Heroes AcceleratorAdvertising 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 Mars 202135min

RRU 134: How to be a Top 5% Developer

RRU 134: How to be a Top 5% Developer

Charles Max Wood rejoins the show to discuss the things that help people take their careers from a job to a calling. The panel goes into publishing content, how to learn, meeting other people, and working with others. Chuck also advocates for having a plan for your career and taking deliberate steps each day to achieve what you wish for. Panel Charles Max WoodPaige NiedringhausTJ VanToll Sponsors This Dot LabsDev Heroes Accelerator Links Syntax.Wes Bos React CourseWeb Development & Design TutorialsWes Bos Advanced React Course Picks Charles- Dev Heroes Accelerator | Devchat.tvCharles- Personal retreatCharles- The Umbrella Academy | NetflixPaige- Sunbeam heated blanketsPaige- Amazon : Sunbeam Heated BlanketsTJ- The Divine Cities Trilogy by  ROBERT JACKSON BENNETT  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 Feb 202155min

RRU 133: React with Christopher Chedeau and Jordan Walke

RRU 133: React with Christopher Chedeau and Jordan Walke

This is a repeat episode of the JavaScript Jabber 146. Here's the original link https://devchat.tv/js-jabber/146-jsj-react-with-christopher-chedeau-and-jordan-walke/ Sponsors Dev Heroes AcceleratorRaygun | Click here to get started on your free 14-day trialAdvertising 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 Feb 202156min

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code. 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.

5 Feb 202150min

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code. 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.

5 Feb 202150min

RRU 132: What is a Top 5% Developer?

RRU 132: What is a Top 5% Developer?

This is a repeat episode of Ruby Rogues 485 The Rogues dive into who are top 5% developers, what they're doing and how to recognize them. They start out discussing how mid-level developers can move up and how developers can grow in more ways that technical skills. Panel Charles WoodDave KimuraJohn Epperson Sponsors Next Level MastermindRaygun | Click here to get started on your free 14-day trial Links Devchat.tv | Dev Rev Picks Charles- The 360 Leader: Developing your Influence from Anywhere in the Organization by John C. MaxwellCharles- The Hero with a Thousand Faces by Joseph CampbellCharles- Building a StoryBrand: Clarify Your Message So Customers Will Listen by Donald MillerDave- Ruby on Rails LinkDave- Track LightsJohn- Never Split the Difference: Negotiating As If Your Life Depended On It  by Chris VossJohn- How to write an effective developer resume: Advice from a hiring managerJohn- Yoichi Single Malt WhiskyAdvertising 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 Feb 20211h 11min

RRU 131: Data Visualization at Scale with Andrey Goncharov

RRU 131: Data Visualization at Scale with Andrey Goncharov

Software Engineer Andrey Goncharov joins the React Round Up crew to discuss how his company Hazelcast has approached visualizing hundreds of data points on potentially hundreds of computers in a way that makes sense to users. Dust off your math skills - it gets a little technical along the way as they discuss graphs, charts, performance optimizations and bottlenecks, and even handling accessibility of these data-intensive graphs. If you ever have to debug system failures and anomalies, this will be a worthwhile episode to check out.PanelPaige NiedringhausTJ VanTollGuestAndrey GoncharovSponsorsNext Level MastermindRaygun | Click here to get started on your free 14-day trial LinksHazelcast | The Leading In-Memory Computing Platform Chart.js | Open Source HTML5 Charts for your WebsitePicksAndrey- Designing Data-Intensive Applications by Martin KleppmannPaige- Netflix Series | The Queen’s GambitTJ- City of Stairs: A Novel (The Divine Cities) by Robert Jackson BennettSpecial Guest: Andrey Goncharov.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.

19 Jan 202146min

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