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 130: How to Manage 80K Lines of Code as a Solo Developer

RRU 130: How to Manage 80K Lines of Code as a Solo Developer

On this episode of React Round Up we talked to Dragos Bulugean about starting your own business, and managing really big apps. Dragos created Archbee, a service for helping companies manage documentation. We talked about the tech behind Archbee, as well as how he managed to build a business by himself—and how you can do the same. Panel TJ VanToll Guest Dragos Bulugean Links archbee | Ultrafast Documentation ToolExpress- Node.js web application framework RedisElastic SearchNext,js by VercelEmotion- Introduction Picks TJ- Throw Throw Burrito by Exploding KittensDragos- Kids Special Guest: Dragos Bulugean. 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.

12 Jan 202150min

RRU 129: All Things Jamstack with James Quick

RRU 129: All Things Jamstack with James Quick

This week we chatted with James Quick from Auth0 about all things Jamstack. We discussed what the Jamstack is, and walked through a ton of interesting tools and frameworks–including Gatsby, Next.js, Auth0, Sanity, and a whole lot more. Listen for a number of helpful tips & tricks around building sites with the jam stack and more. Panel TJ VanToll Guest James Quick Sponsors Raygun | Click here to get started on your free 14-day trial Links Cloudinary | Image and Video Upload , Storage, Optimization and CDNGatsbyNext.js by Vercel- The React FrameworkNetlify: All-in-one Platform for Automating Modern Web ProjectsThe Ultimate Content Platform-Sanity.ioAuth0: Secure Access For Everyone. But Not Just Anyone Picks James- Daily.devJames-Sports: GolfTJ- Mario Kart 8TJ- Mario Kart Live: Home Circuit Special Guest: James Quick. 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 Jan 202157min

BONUS: How to Crush Your Biggest Goals in 2021

BONUS: How to Crush Your Biggest Goals in 2021

Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount) Mani Vaya joins Charles Max Wood to walk him through the 6 pillars of success that lead to meeting your goals. Mani has read thousands of books on success, setting and achieving goals, and personal growth and has distilled these 6 principles from the books and then figured out how to put them into practice. He and Chuck walk through the principles and strategies that create success and allow you to set goals that will bring you the things you want during the next year or so. Listen to this episode to learn how to crush your biggest goals in 2021. Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive 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.

1 Jan 20211h 7min

RRU 128:Web Components with Ben Farrell

RRU 128:Web Components with Ben Farrell

On this episode we chatted with Ben Farrell, author of Web Components in Action, about all things web components. We talked about the status of web components, the best way to get started today, and a whole lot more. Panel Paige NiedringhausTJ VanToll Guest Ben Farrell Sponsors Audible.comRaygun | Click here to get started on your free 14-day trial Links LitElementPolymer ProjectOpen Web ComponentsWeb Components in ActionModern Web Web Dev ServerRollup.js bundlerWeb Component Bytes Picks Paige - All RecipesTJ - Getting canvas prints of pictures we have taken when we traveledBen - Sassy Justice  Special Guest: Ben Farrell. 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 Dec 202044min

REACT 127: Building Component Libraries with Kathryn Grayson Nanz

REACT 127: Building Component Libraries with Kathryn Grayson Nanz

Senior Frontend Engineer Kathryn Grayson Nanz joins the React Round Up team to talk about all things component libraries. Kathryn shares her experiences building not one but two component libraries, as well as tips and tricks on the benefits of shared libraries, how to get buy in from product and developer teams, the best way to set up libraries and keeping them up-to-date. She also shares pitfalls to try and avoid when getting started with building a new library. Definitely a good listen for anyone debating whether an existing library or a brand new, custom one is the way to go for a project. Panel TJ VanTollPaige Neidringhaus Guest Kathryn Grayson Nanz Links UI audit background from Brad FrostStorybookBubbleUphttp://kgrayson.com/ Picks TJ - StravaPaige - Tresanti Standing DeskKathryn - NotionKathryn - Rocketbook Special Guest: Kathryn Grayson Nanz. 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 Dec 202050min

REACT 126: A Gentle Introduction to Serverless Apps With React with Joe Karlsson

REACT 126: A Gentle Introduction to Serverless Apps With React with Joe Karlsson

On this episode of React Round Up we chatted with Joe Karlsson from MongoDB. We talked about all things serverless, from how to get started, to which sort of apps are good fits for serverless services, to how incredibly confusing AWS and Azure’s pricing pages are. It was a fun conversation, and is a great listen if you’re curious about serverless but aren’t sure where to start. Panel Paige NiedringhausTJ VanToll Special Guest Joe Karlsson Sponsors Raygun | Click here to get started on your free 14-day trialAudible.com Links MongoDB RealmLatency Numbers Every Programmer Should Know https://github.com/JoeKarlsson/mongodb-stitch-todo-tutorial Picks Paige - Doctor WhoTJ - Schitt’s CreekTJ - React WednesdaysJoe -Star Trek Deep Space NineJoe - The Original Prusa i3 MK3S+ 3D Printer Special Guest: Joe Karlsson. 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 Dec 202058min

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.

27 Nov 202047min

RRU 125: Put Down the JavaScript & Learn the Web Fundamentals with Colby Fayock

RRU 125: Put Down the JavaScript & Learn the Web Fundamentals with Colby Fayock

Colby Fayock, lead developer, book author and speaker, joins the React Round Up team to discuss why developers should focus on more than just leveling up their JavaScript skills. Understanding HTML, CSS, config tools that help power applications and more can be really helpful – especially when it comes to debugging issues during development. He also talks JAMStack and how it continues to evolve and democratize the ability for more people to put their thoughts online for all the world to see. Definitely a must listen for anyone interested in improving their dev skills. Panel Paige NiedringhausTJ VanToll Guest Colby Fayock Sponsors Raygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links React Leaflet50 React Projects for React & the WebJamstack HandbookVercel site (creators of Next.js)https://github.com/colbyfayock/next-wordpress-starter Picks TJ VanToll: Hello Fresh Paige Niedringhaus: Brightfield Rollerblade Office Chair Wheels Colby Fayock: Netflix: Julie and the Phantomshttps://jointoucan.com Follow React Round Up on Twitter > @reactroundupSpecial Guest: Colby Fayock. 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.

17 Nov 202054min

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