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)

The Evolution of Prime React with Cagatay Civici - RRU 259

The Evolution of Prime React with Cagatay Civici - RRU 259

Cagatay Civici is the founder of PrimeFaces, PrimeNG, PrimeReact and PrimeVue. In this episode, they delve into the world of UI component libraries and the business of open source. Join them as they explore Primetech's journey from consulting work to a thriving team focused on UI component development and the value of selling a library of components with a premium paid version. They also take a closer look at the tailored features and commercial aspects of the Primary Act library and gain insights into creating and monetizing open-source projects. With a focus on UX, product launch strategies, and ongoing development, this episode offers a wealth of knowledge for developers and entrepreneurs navigating the world of open source and library monetization. LinksPrimeFacesSocialsTwitter: @cagatayciviciGitHub: cagatayciviciBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

29 Maj 202446min

Navigating React and React Native Evolution - RRU 258

Navigating React and React Native Evolution - RRU 258

Jamon Holmgren is the Co-founder & CTO at Infinite Red, Inc. They dive into the captivating world of React and React Native, exploring the evolution of these technologies and their implications for developers. They engage in thought-provoking discussions on deployment challenges, user expectations in mobile app development, and the intricate process of integrating React Native into existing apps. Join them as they dissect the nuances of React Native, compare it to other frameworks like Flutter, and unravel the complexities of managing dependencies in React Native projects. From success stories to industry insights, this episode offers a wealth of knowledge for developers navigating the realm of web and native mobile development. SocialsLinkedIn: Jamon HolmgrenJamon HolmgrenBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

22 Maj 202454min

Mastermind Groups and Staying Current with Sean Merron - RRU 257

Mastermind Groups and Staying Current with Sean Merron - RRU 257

In this episode, The panelist of React Round-Up, View on Vue, Adventures in Angular, Ruby Rogues, and JavaScript Jabber speak with Sean Merron about Mastermind Groups of Startups and much more. Sean is the founder of today's topic and product “Mastermind Hunt.” This product is design to skillfully find a mastermind to take your business and skills to the next level.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksSean’s Twitter2frugaldudes  podcastSean’s LinkedInPicksShai - Bob Proctor Joe  - CoolstuffincJoe  - luxorJoe  - NG Conf Minified Lucas - Radical Candor Divya - Alan WattsDivya - Framework Summit Videos Divya - Several Short Sentence about Writing Charles - CES - devchat.tv/eventsCharles- Modern MedicineSean - (757) Area CodeSean - RevolutionConf.comBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

9 Maj 20241h 7min

Lambda School with Ben Nelson - RRU 256

Lambda School with Ben Nelson - RRU 256

In this episode, the panelists talk with Ben Nelson who is a co-founder and CTO of Lambda School. The panelists and Ben talk about Lambda School, the pros & cons of the 4-year university program for developers, and much more. Check it out!SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksRuby on RailsAngularJavaScriptElmPhoenixGitHubGet A Coder JobIncome Share Agreement’s DefinitionDevMountainCharles Max Wood’s TwitterNader Dabit’s TwitterLucas Reis’ GitHubBen Nelson’s Talk: Rethinking Higher Education – ICERI 2016 Keynote SpeechBen Nelson’s LinkedInBen Nelson’s TwitterLambda SchoolPicksLucas - CypressLucas - Looking a Cypress as a Development Environment.Nader - Egghead.ioNader - Nader’s courses on Egghead.ioNader - Suggestions for coursesCharles - Opportunity to help liberate developersCharles - Extreme OwnershipCharles - Hiring a developerCharles - Sales Rep. for selling sponsorshipsCharles - Show note writerBen - Air Table Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

1 Maj 202450min

Inside Apache Superset with Evan Rusackas - RRU 255

Inside Apache Superset with Evan Rusackas - RRU 255

Evan Rusackas is a UI/UX designer, front-­end developer, and data visualizer. They delve into the world of open-source development and commercialization. They explore the differences in managing open source and closed source code bases, the complexities and advantages of selling a commercial version of an open source project, and the challenges and rewards of earning money from open source work.Evan shares insights into the governance and code base management of the Apache Software Foundation, the creation of preset.io to address the needs of Apache Superset users and the commercial features offered by preset.io. They also touch on the benefits of using Apache Superset for business intelligence and data visualization, as well as the workflow for a related React-centric project.Join them as they uncover the intricacies of open-source development, the evolution of Apache Superset, and the journey of Preset as they explore the intersection of open-source and commercial software.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Evan RusackasLinkedIn: Evan RusackasBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

17 Apr 202442min

Designing Your Life - RRU 254

Designing Your Life - RRU 254

In this episode of React Round Up Charles Max Wood hosts a solo podcast sharing his perspective on designing your perfect life. In this episode he addresses finding your dream job, building your dream life, and staying current. Start by deciding where you want to end up. Do you see yourself retiring? Working forever? Charles shares his vision for his future and discusses the retirements of others in his life. Working back from the end of your life, Charles has you ask yourself what kind of life and career you want. Charles shares his vision for both his personal life and his career. After you pick your goal, build the skills, and knowledge to reach that goal. He uses the example of becoming a speaker at conferences. He also recommends you find a mentor or someone who has done what you want to and get their help.Charles explains how important it is to get out of your own way mentally. Many people find reasons real or imagined as to why they can’t reach their goals. He agrees that the world is unfair and barriers can be real. The best way to show others they can overcome barriers is by doing it yourself and working towards your goals. You can if you believe you can and you work for it. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinkshttps://www.facebook.com/React-Round-Uphttps://twitter.com/reactroundupPicksCharles - The Riftwar CycleCharles - The Man in the High CastleBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

10 Apr 202427min

The Impact of Open Source Companies and Industry Insights - RRU 253

The Impact of Open Source Companies and Industry Insights - RRU 253

Max Stoiber is the CEO at Stellate. They delve into the open-source versus closed source debate, featuring insights from prominent figures in the tech industry. From the challenges and complexities of transitioning from engineering to leadership to the evolution of open-source contributions and community support, this episode covers a wide range of compelling topics. They also explore the success and challenges of open-source businesses, with a focus on their sustainability in a global digital landscape. Get ready for an engaging conversation that delves deep into the world of open source, business models, and the future of technology.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Max Stoiber LinkedIn @MaxStoiber https://www.linkedin.com/in/mxstbr/Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

3 Apr 20241h 19min

Building Resilient Architecture with Monica Lent - RRU 252

Building Resilient Architecture with Monica Lent - RRU 252

Monica Lent has been interested in software from a very young age, and made her first domain name when she was 9 years old. She left her job and founded a startup, analytic tool designed for bloggers designed around affiliate marketing. She talks about some of the lessons she’s learned, including how to sift through data and how to make it useful for people. The panel discusses how to distill the priorities from the project manager so you know where to spend your time, something that takes a lot of experience and failure. They also talk about the merits of different practices such as whether or not to deploy on Friday and having engineers on call. Monica explains her opinion on how copying and pasting code instead of adding dependencies is a positive constraint. She prefers this method most of the time but not in all cases because it keeps your code flexible and avoids unnecessary specialization. However, she is not advocating for copy/paste over dependencies in every situation : rather the point comes down to using copy/paste instead of inappropriate coupling.They also dive into how so much programming deals with other people and the importance of keeping your ego out of it when designing constraints, especially since developers hate other developer’s abstractions. They debate whether pride is a characteristic of junior or senior developers. They note that it is easier to get prideful and opinionated when you’re not working on a team. SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksMonica's React Finland talkNarcissistic design talkA Philosophy of Software DesignReact HooksRelayTypeScriptWebpackgRPCPrettier7 Absolute Truths I Unlearned as a Junior DeveloperPicksLeslie - Xochimilco, Mexico City, MexicoLeslie - List of CSS mistakesThomas - Get the Truth bookLucas  - LoveveryLucas - Zero Fasting appMonica  - The Mom Test by Rob FitzpatrickBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

27 Mars 20241h 1min

Populärt inom Business & ekonomi

badfluence
framgangspodden
varvet
rss-jossan-nina
rss-svart-marknad
uppgang-och-fall
lastbilspodden
rss-borsens-finest
avanzapodden
fill-or-kill
affarsvarlden
rss-inga-dumma-fragor-om-pengar
rss-en-rik-historia
rss-dagen-med-di
borsmorgon
rss-kort-lang-analyspodden-fran-di
rikatillsammans-om-privatekonomi-rikedom-i-livet
bathina-en-podcast
rss-den-nya-ekonomin
dynastin