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)

RRU 124: What's New in React with Shawn Wang

RRU 124: What's New in React with Shawn Wang

In this episode of React Round Up, we talked with Shawn Wang, a prolific React author, speaker and teacher, about the future of React. We discussed what’s new in React Core, the React routing world, React DevTools (webpack, rollup, parcel, etc), CSS, and a whole lot more. Panel TJ VanToll Guest Shawn Wang Sponsors Raygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links Beyond React 16 by Dan Abramov – JSConf IcelandConcurrent React from scratchReact testing recipesReact Distrosand The Deployment Age of JavaScript Frameworkshttps://github.com/vitejs/viteTypeScript cheatsheets Picks TJ VanToll: Fall GuysDevReach Online Shawn Wang: Transistor.fmCobra Kai Follow React Round Up on Twitter > @reactroundupSpecial Guest: Shawn Wang. 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 202031min

RRU 123: React Query, React Table, the TanStack and More with Tanner Linsley

RRU 123: React Query, React Table, the TanStack and More with Tanner Linsley

In this episode of React Round Up, Tanner Linsley, co-founder of startup Nozzle.io, and most known lately for his OSS project React Query, joins the panel today to discuss how he was inspired to create React Query to simplify data-fetching and state management in React applications. Just a few months after releasing React Query to the dev community, it’s already making waves and garnering the attention of notable React thought leaders and large companies alike, and part of the secret to Tanner’s success is that the majority of his popular OSS projects come from him needing to solve a need for his company, Nozzle.io. Learn about if React Query (or other projects) might be something to incorporate into your own React applications, as well as tips for getting involved in (and making the case for) working on OSS projects. Panel Paige NiedringhausTJ VanToll Guest Tanner Linsley Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links Tanner’s startupReact Query siteImportant defaultsAxios Github and documentationTanner’s JSConf Hawaii talk Picks TJ VanToll: Lilo & Stitch The Series Paige Niedringhaus: Meguiar’s Natural Shine Protectant for car interiors: Tanner Linsley: The Umbrella Academy on Netflix, ZustandReact Query Essentials Course Follow React Round Up on Twitter > @reactroundupSpecial Guest: Tanner Linsley. 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.

27 Loka 202050min

RRU 122: Error Reporting and Bug Monitoring with James Smith

RRU 122: Error Reporting and Bug Monitoring with James Smith

In this episode of React Round Up we chatted with James Smith from Bugsnag. We talked about the importance of error monitoring and reporting, and how to actually implement those workflows in your production apps. James shared a number of tips for React developers, like what are the most common errors and how you can help prevent them (hint: linters help a lot). We also got into mobile, and what developers can do to protect against third-party SDK errors. Panel TJ VanToll Guest James Smith Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Picks TJ VanToll: https://www.amazon.com/What-Doesnt-Kill-Environmental-Conditioning James Smith: Fall Guys Follow React Round Up on Twitter > @reactroundupAdvertising 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 Loka 202047min

RRU 121: DeFi-ing Expectations in React with Alex Thomas

RRU 121: DeFi-ing Expectations in React with Alex Thomas

In this episode of React Round Up, we talk with Alex Thomas, an open source enthusiast with hundreds of npm packages to his name. We talk about moving from React Native to React, and Alex’s prolific work in the open source world. We also chat about Ethereum, and Alex’s background in the decentralized finance world.. Panel Paige NiedringhausTJ VanTollThomas Aylott Guest Alex Thomas Sponsors Faithlife | Now Hiring Software DevelopersAudible.comCacheFly Links react-native-quietSofia Github repoGitcoin Picks Thomas Aylott: Once Upon a Word: A Word-Origin Dictionary for Kids―Building Vocabulary Through Etymology, Definitions & Stories TJ VanToll: The Floor is Lava3.5mm Headphone Extension Cable, CableCreation 3.5mm Male to Female Stereo Audio Extension Cable Adapter with Gold Plated Connector Paige Niedringhaus: Ultimate Beastmaster on Netflix Alex Thomas: https://harrypotterwithguns.com/ Follow React Round Up on Twitter > @reactroundupSpecial Guest: Alex Thomas. 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.

6 Loka 202053min

RRU 120: Building An Internal Component Library With Dana Yudelevich

RRU 120: Building An Internal Component Library With Dana Yudelevich

In this episode of React Round Up, Dana Yudelevich shares her experiences of building internal component libraries. Dana explains in detail how she has built components in her previous jobs and the challenges she has faced in maintaining them. She also talks about how you can stand out at your current job by setting goals for yourself and becoming a “do-veloper” Panel Paige NiedringhausCarl Mungazi Guest Dana Yudelevich Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links https://snyk.io/Atomic design methodologyTwitter article on Componentshttps://storybook.js.orgGood article on snapshot testing by Kent C DoddsPercy.io – visual review platformBecoming a DO-veloperUsing Percy with Cypresshttps://www.npmjs.com/package/classnames Picks Dana Yudelevich: http://1linelayouts.glitch.me/ Carl Mungazi: diff.blog is the home page for developershttps://github.com/bradtraversy/vanillawebprojects Paige Niedringhaus: Grill Rescue – The World’s Best Grill Brush Follow React Round Up on Twitter > @reactroundupSpecial Guest: Dana Yudelevich. 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.

29 Syys 202055min

RRU 119: Building Web and Mobile Apps with Ely Lucas

RRU 119: Building Web and Mobile Apps with Ely Lucas

Ionic’s own Ely Lucas joins the React Round Up panel to discuss building the Ionic framework to work with React under the hood. Ely talks through how the team’s been hard at work making Ionic easy to pick up for any JavaScript developer with experience in React, as well as some of the benefits it can provide over straight React or React Native. Some of the biggest benefits are having just one shared codebase to power iOS, Android, Electron and PWAs, access to React Hooks and over 100 ready-to-use, easy to customize UI components on install. If you’ve heard about Ionic but want to learn more about it, and it’s newest offering Ionic React, this is the episode for you. Panel Paige NiedringhausCharles Max Wood Guest Ely Lucas Sponsors Audible.comRaygun | Click here to get started on your free 14-day trialCacheFly Links ionicframework.comhttps://stenciljs.com/Ionic React documentationWeb animations API documentationIonic’s Capacitor.js projectcodecanyon.nethttps://ionicframework.com/docs/react/your-first-apphttps://ionicframework.com/docs/react/your-first-apphttps://ionicframework.com/blog/testing-ionic-react-apps-with-jest-and-react-testing-library/ Picks Ely Lucas: Tiny Habits Charles Max Wood: LegendaryHigh Performance Habits Paige Niedringhaus: Traeger Grills Follow React Round Up on Twitter > @reactroundupSpecial Guest: Ely Lucas. 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.

22 Syys 202050min

RRU 118: Creating Live Trippy Visuals with WebGL and Web Audio with Alex Kempton

RRU 118: Creating Live Trippy Visuals with WebGL and Web Audio with Alex Kempton

In this episode of React Round Up, Alex Kempton joins us to talk about Hedron, a tool he built for enhancing live audio shows with cool visuals. We chat about MIDI, WebGL and web audio, and how Alex wrapped those all up into an app he uses for live performances. Panel TJ VanTollThomas Aylott Guest Alex Kempton Sponsors Audible.comCacheFly Links HedronMIDI APIhttps://workshop.chromeexperiments.com/examples/gui/#1–Basic-Usagethree.js exampleshttps://github.com/react-spring/react-three-fiberWeb audio APIhttps://twitter.com/polyopukReact-three-fiber Picks Alex Kempton: Just JavaScript TJ VanToll: Stratechery Thomas Aylott: roamresearch.com Follow React Round Up on Twitter > @reactroundupSpecial Guest: Alex Kempton. 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 Syys 202059min

RRU 117: Making Frontend Developers Fullstack with Prisma with Nikolas Burk

RRU 117: Making Frontend Developers Fullstack with Prisma with Nikolas Burk

In this special episode of React Round Up, guest Nikolas Burk delves into the Prisma database and why it’s worth checking out. Panel James Brenton Guest Nikolas Burk Sponsor CacheFly Links www.prisma.io Picks Nikolas Burk: Follow Nikolas on Twitter > @nikolasburkPrisma Day RecordingsChess app James Brenton: Scrabble® GO – New Word Game Follow React Round Up on Twitter > @reactroundupSpecial Guest: Nikolas Burk. 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.

8 Syys 202048min

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