RRU 041: Design Patterns with Soumyajit Pathak
React Round Up11 Dec 2018

RRU 041: Design Patterns with Soumyajit Pathak

Panel:
- Lucas Reis
- Charles Max Wood
- Justin Bennett
Special Guest: https://twitter.com/drenther In this episode, the panelists talk with https://github.com/drenther (India) who is a full-stack developer and cybersecurity enthusiast. The panel and the guest talk about design patterns and designing simpler code for clarity and less confusion. Check out today’s episode! Show Topics: 0:00 – https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&utm_medium=social-paid&utm_source=devchattv 0:31 – Chuck: Our panelists are and our guest is Soumyajit! Introduce yourself please! Are you doing React on the side? 1:02 – https://twitter.com/drenther I am a master’s student and I am doing freelancing. 1:42 – Panel. 1:49 – Guest. 2:10 – Chuck: I am feeling very up-to-date. Woo! Universities are teaching this and that and they are focused on theory. The flipside is that they are going to write real code for real systems. 3:10 – Panel: I like your well-written blog posts. You talk about design patterns. 3:50 – Guest: The design patterns at the university had to do with real JavaScript applications. 4:09 – Chuck: I am curious you are talking about the design patterns – how can people from React find/use it? 4:45 – Panel: It depends on your definition of design patterns. 5:35 – Lucas: Maybe you are using one or two here and reading through the design patterns is like going through your toolbox. You only need a screwdriver but you bought the whole toolbox. Get familiar with it and from time to time solve problems and thing: what tool can help me here? It’s clear to me with this toolbox analogy. I understand now – that tool I saw 2 months ago could help me. 7:00 – Guest: I have an interesting story with this about design patterns. Let me share! 7:36 – Justin: It was a similar thing but I wasn’t in JavaScript at the time. I’ve used a lot of C++ code. Design patterns became very useful. I saw it the same way Lucas! 9:23 – Justin continues: How and why to use a certain tool. That’s important. 10:28 – Chuck: Okay this is the default pattern and that’s where we can go for the fallback. Here is the fallback if this doesn’t work here or there. 10:49 – Lucas: This is important to remember. It’s not how to use the tool but it’s why am I using this tool here or there? 11:57 – Justin: It’s so much information in general. People get information overload and they have to just start! One of the challenges we do is that we over-engineer things. Do what you need to know. Look it up but play with it. 12:40 – Lucas: It’s interesting by another blog post that you wrote Soumyajit – and you are using a render prop. You showed a problem and showed the solution. 13:30 – Guest: Yeah I’ve written a lot of blog posts about this topic. 13:48 – Panel: Often times – it’s hard for people just to dive-in. People need to see you solving a problem and it really helps with the learning process. 15:03 – Chuck: What patterns do you find most useful? 15:11 – Panel: Functional components have changed my world! 16:23 – Guest: Around these functional components... 17:17 – Panel: I will go with the patterns that are not useful. Don’t make your code pattern-oriented. This is my favorite pattern now and going back to basics. 18:53 – Panelists go back-and-forth. 19:01 – Lucas. 19:41 – Chuck: You talk about over-engineering things and that’s what I found myself doing sometimes with my new project. When I figure out how to make it simpler I get excited and it’s easy to follow. 20:15 – Panel: We celebrate the person who deleted the most lines of code. 20:28 – Panel: I am going to steal that idea. 21:04 – Guest: I have an interesting story of over-engineering something – let me share! 21:53 – https://www.freshbooks.com/?adgroupid=51893696397&campaignid=717543354&crid=285105591548&dv=c&gclid=EAIaIQobChMI4ey45u-T3wIVhCJpCh0fZgOJEAAYASAAEgLXS_D_BwE&gclsrc=aw.ds&ntwk=g&ref=ppc-fb&source=GOOGLE&targetid=kwd-298507762065 22:59 – Panel: Building too much is b/c I don’t have a clear understanding of what I am doing. I get excited about problems. What’s the more simple way / most naïve way possible! 24:36 – Lucas: If you are going to change something you will be changing it in several different places. 25:50 – Chuck: When I heard the concept, all the codes that change together should be together. 26:08 – Lucas comments. 26:53 – Panel: Keeping things contained in one place. We have our presentational component and higher-level component, so you can see it all. 28:28 – Lucas: Different people working on different technologies. 29:15 – Panel: Can I break this down to smaller parts, which makes sense to me? 29:48 – Guest: Looking for keywords will cause a distraction. Finding a balance is good. 30:04 – Chuck: If you have a large rile there could be a smaller component that is there own concern. That feels like the real answer to me. It has a lot less than the length of the file versus... Chuck: If I cannot follow it then I need to keep the concept simple. 30:51 – Lucas: The quantity of lines and the line count – I think it’s better how many indentations you have. 32:43 – Guest. 32:48 – Lucas: Yes, so in the horizontal scrolling you have to keep things in your mind. 33:41 – Panel: There are so many different metrics that you can use and the different line count or different characters. There are more scientific terms that we could plugin here. If you have a lot of these abstract relations that can...write it 34:23 – Chuck: So true. 34:52 – Chuck: I want to move onto a different problem so it’s an attention thing for me too. 35:06 – Panel: We have to get okay with not always writing the best code in that it just needs to do what it needs to do. 35:30 – Chuck. 35:57 – Panel: We write it once – then it falls apart and then we write it again and learn from the process. Learning is the key here – you see where it works and where it doesn’t work well. 36:31 – Panel. 36:47 – Chuck mentions service-side rendering. Chuck: Should we schedule another episode? 37:11 – Panel: I think it’s own episode b/c it’s a complex problem overall. 39:33 – Lucas: Try to find memory leaks in the file components and server-side rendering. Where we have lost a lot of sleep and a higher level of complication. Sometimes it’s necessary. 41:42 – Chuck: Yeah let’s do another episode on this topic. Sounds like there is a lot to dive into this topic. Soumyajit, how do people find you? 42:10 – Guest: Twitter and https://github.com/drenther 42:28 – Picks! 42:30 – https://www.digitalocean.com/ End – https://www.cachefly.com Links:
- https://rubyonrails.org
- https://angular.io/guide/quickstart
- https://www.javascript.com
- https://elm-lang.org/community
- https://phoenixframework.org
- https://github.com
- https://devchat.tv/get-a-coder-job/
- https://reactpatterns.com
- https://calibreapp.com
- https://mitpress.mit.edu/books/engineering-safer-world
- https://muz.li
- https://www.amazon.com/Monster-Hunter-International-Second-Hunters-ebook/dp/B00XLQ9PF6/ref=as_li_ss_tl?ie=UTF8&keywords=monster+hunters+international+series&language=en_US&linkCode=sl1&linkId=8677e2fa9b6c3b5fe9de5c749f826715&qid=1540397018&sr=8-6&tag=devchattv-20
- https://github.com/drenther
- https://twitter.com/drenther
Sponsors:
- https://devchat.tv/get-a-coder-job/
- https://www.cachefly.com
- https://www.freshbooks.com/?adgroupid=53169078638&ag=%257Efreshbooks&camp=US%2528SEM%2529Branded%257CEXM&campaignid=717543354&crid=289653575014&dclid=CPaQ6KX0id4CFUTcwAodvfQEcA&dv=c&gclid=EAIaIQobChMIwr_9ofSJ3gIVyrfACh1DkQVNEAAYASAAEgJIUvD_BwE&gclsrc=aw.ds&kw=fresh%2520books&kwid=kwd-299596828929&ntwk=g&ref=ppc-na-fb&source=GOOGLE
- https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&utm_medium=social-paid&utm_source=devchattv
Picks: Justin
-

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Avsnitt(310)

Using CSS Style Inheritance with Sami Jaber - RRU 219

Using CSS Style Inheritance with Sami Jaber - RRU 219

Sami Jaber is a Software Engineer at Builder.io. He joins the show to discuss "Implementing CSS Style Inheritance in React Native". He starts by talking about the inspiration behind the article's concept. He also talks about Mitosis, how to use it, and its features. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksImplementing CSS Style Inheritance in React NativeA Quick Guide to MitosisSocialsTwitter: @samijaber_GitHub: samijaberPicksPaige - Adafruit PiTFT 3.5" Touch Screen for Raspberry PiSami - ATTITUDE | Reinventing BeautyTJ - The Silent Patient by Alex MichaelidesAdvertising 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.

3 Maj 202348min

Getting to Know Bruce A. Tate - BONUS

Getting to Know Bruce A. Tate - BONUS

Bruce A. Tate is a Founder at Groxio, Elixir Expert, and a Technical Author. He joins the show alongside Charles Max Wood to talk about his book, "Seven Languages in Seven Weeks". He also delves into some of the preparations and anticipations that come with reading the book. LinksSeven Languages in Seven Weeksgrox.io SocialsLinkedIn: Bruce TateTwitter: redrapidsAdvertising 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.

28 Apr 202331min

Blockman with Levan Katsadze - RRU 218

Blockman with Levan Katsadze - RRU 218

Levan Katsadze is a React.js TypeScript developer and Author of VS Code extension "Blockman". He joins the show alongside Jack, Paige, and TJ to talk about Blockman. He starts off by defining it and describing how it functions. He also talks about the reason why he built the VS Code extension and the process of creating it. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksBlockman - Highlight Nested Code BlocksSocialsLinkedIn: Levan KatsadzeGitHub: leodevbroleodevbro.github.ioPicksJack - NCDU CommandPaige - Mayor of Kingstown (TV Series 2021TJ - Dungeons & Dragons: Honor Among Thieves (2023)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 Apr 202342min

How Do You Stop Hating Your Job? - BONUS

How Do You Stop Hating Your Job? - BONUS

Are you dissatisfied with your job? Sam Feeney helps organizations improve employee engagement, increase retention, and reinvent hiring while helping individuals (re)discover career satisfaction in their current roles. He joins the show alongside Chuck Wood to tackle altering the way you perceive your job and talk about Career satisfaction.On YouTubeHow Do You Stop Hating Your Job? - BONUSSocialsLinkedIn: Sam FeeneyAdvertising 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 Apr 202344min

Creating Apps with Capacitor and React Native - RRU 217

Creating Apps with Capacitor and React Native - RRU 217

Simon Grimm is a Creator, Indie Maker & Solopreneur. He is currently working at The Ionic Academy. He joins the panel to talk about React Native and Capacitor. He starts by explaining how a "Capacitor" contributes to your web application. They talk about how to build web applications with a capacitor and how it differs from using a React Native. On YouTubeCreating Apps with Capacitor and React Native - RRU 217SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksThe Ionic AcademySocialsDevdacticGitHub: saimon24LinkedIn: Simon GrimmTwitter: @schlimmsonPicksJack - Shop Polarized SunglassesPaige - Unseen Sunscreen SPF 40 | Oil-Free Face SunscreenSimon - Gandalf the Grey™ & Balrog™TJ - 11/22/63: A Novel: King, StephenAdvertising 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 Apr 202349min

Comparing React and Angular in 2023 - RRU 216

Comparing React and Angular in 2023 - RRU 216

Hosts of the Adventures in Angular podcast, Chuck Wood and Lucas Paganini, join the React Round Up Panel on this week's episode crossover. They begin the episode by contrasting the two frameworks and offering their own viewpoints on React and Angular. Additionally, they explain each of the frameworks' strong points.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipEducational Linksreact.devArticle by Lucas PaganiniVideo by Lucas PaganiniPromoted LinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comBlues.ioPaige NiedringhausBlue Collar CoderSocialsYouTube @lucaspaganiniwebLinkedIn @lucaspaganiniwebTwitter @lucaspaganini Instagram @lucaspaganiniTikTok @lucaspaganiniwebTwitter: @cmaxwTwitter: @tjvantollTwitter: @jherrTwitter: @pniedriPicksChuck - AtiwaLucas - Modernize an Enterprise React App by Paige NiedringhausPaige - Scubapro / Dive Skins / Diving Suits: Sports & OutdoorsTJ - 11/22/63 by Stephen KingAdvertising 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 Mars 20231h 4min

An Introduction to Helios With Sean Austin - RRU 215

An Introduction to Helios With Sean Austin - RRU 215

Sean Austin is the CEO and Co-Founder of Helios. It is pioneering speech analytics for Wall Street. He joins the show to explain more about his company's background, how it got started and some of the factors they consider that have an impact on the company. He also discusses the services they can provide to their clients. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksHeliosMarkets Slammed With Noise, Investors Trust Tone to Set the Record StraightThe Helios Life EpisodeSean AustinLinkedIn: Sean AustinTwitter: @stlgotmynikesonPicksPaige - 1923 (TV Series 2022–2023) - IMDbSean - The Last of Us (TV Series 2023– ) - IMDbTJ - hooplaTJ - Libby appAdvertising 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 Mars 202350min

The React Universe - RRU 214

The React Universe - RRU 214

Jack, Paige, and TJ join this week's panelist episode to tackle all things React and their take on different frameworks. They start off by talking about the pros and cons of "Create React App". They also discuss the Typescript 5.0 features and the SvelteKit, which was just released.On YouTubeThe React Universe - RRU 214SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksCreate React AppAnnouncing TypeScript 5.0 BetaSvelteKit@astrojs/react Astro DocumentationGatsby: The Fastest Frontend for the Headless WebNetlifyI Was Wrong About Nested React Components | YouTubePicksJack - Logitech MX Vertical Ergonomic Wireless MousePaige - Only Murders in the Building (TV Series 2021– ) - IMDbTJ - The Sixth Sense (1999) - IMDbAdvertising 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 Feb 202348min

Populärt inom Business & ekonomi

badfluence
framgangspodden
varvet
rss-jossan-nina
uppgang-och-fall
rss-svart-marknad
rss-borsens-finest
bathina-en-podcast
24fragor
lastbilspodden
avanzapodden
rss-kort-lang-analyspodden-fran-di
affarsvarlden
borsmorgon
rss-dagen-med-di
kapitalet-en-podd-om-ekonomi
tabberaset
svd-tech-brief
dynastin
rss-en-rik-historia