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)

Piral Framework for Microfrontend with Florian Rappl - RRU 190

Piral Framework for Microfrontend with Florian Rappl - RRU 190

Today we talk with Florian Rappl the creator of Piral, a next generation portal applications, which utilizes microfrontend architecture.  Piral is all about scalability, allowing easy reusability between multiple teams.  We learn of the background of how it was developed, and how out of the box it comes with bundles customized to your industry.  We discuss when it makes sense to use microfrontend based on client requests and needs, and give some tips on when to start incorporating it. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksPiral - Portal Solutions using MicrofrontendssmapiotGitHub - smapiot/piral: Framework for next generation web apps using micro frontends.Piral - DocumentationTwitter: @FlorianRapplGitHub: FlorianRapplNews - Florian RapplPicksFlo- Watch Stranger Things | Netflix Official SiteFlo- Bun is a fast all-in-one JavaScript runtimeFlo- The God Equation: The Quest for a Theory of EverythingJack - fresh - The next-gen web framework.Paige- GrillGrates - Custom BBQ Grill Grates | GrillGrateTJ- Watch Stranger Things | Netflix Official SiteAdvertising 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.

20 Juli 202247min

CSS Properties with Dillion Megida - RRU 189

CSS Properties with Dillion Megida - RRU 189

Today we talk with Dillion Megida, a developer advocate and content creator originally from Nigeria, but living in the Netherlands.  We discuss his blog article about the aspect ratio property in CSS.  Much of his effort at a developer advocate is writing articles and creating video content to promote the products for Stream, where he currently works.  He gives us his insight on preparing for and pursuing the developer advocate role at a company.  We also discuss debouncing in JavaScript, which helps to reduce unnecessary expression executions. SponsorsTop End DevsCoaching | Top End DevsLinksDillion Megida - Developer AdvocateThe Aspect Ratio Property in CSS - Dillion's BlogTailwind UI Kit - The most loaded tailwind css UI Kit on the planetJavaScript String Comparison - How to Compare Strings in JSDillion MegidaInstagram: dillionmegidaTwitter: @iamdillionPicksDillion- Amazon.com : air fryerJack- Discord - A New Way to Chat with Friends & CommunitiesJack- Pizza Ovens | Make Pizza | Ooni Pizza OvensPaige- Instant Read ThermometersAdvertising 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 Juli 202254min

Setting Up Server Side Rendering with Adam Berg - RRU 188

Setting Up Server Side Rendering with Adam Berg - RRU 188

Today Jack and TJ talk with Adam Berg, VP of Engineering at Dubsado.  We discuss an article he wrote based on lessons learned while his place of work was transitioning from AngularJS to React, called starting with How to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild.  We also discuss several of his other articles, including Hey Siri, We’re Breaking Up, and 3 Lines of Code Shouldn’t Take All Day. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksHow to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild | dev/tailsdev / tailsHow to Replace Webpack in Create React App With esbuild Hey Siri, We're Breaking UpTaking Flight Without a Smart Phone3 Lines of Code Shouldn’t Take All DayHomeTwitter: @devtailsGitHub: adamjbergPicksAdam- Upload - Season 1Jack- Micro State Management with React Hooks: Explore custom hooks libraries like Zustand, Jotai, and Valtio to manage global statesTJ- Netlify FunctionsAdvertising 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 Juli 202252min

All About Equipment - RRU 187

All About Equipment - RRU 187

In today’s all-panelist episode, we cover our favorite equipment from keyboards and mouse, to computers and monitors, from webcams to microphones. SponsorsTop End DevsCoaching | Top End DevsLinksDiscord - A New Way to Chat with Friends & CommunitiesGitHub Copilot · Your AI pair programmerPicksJack - Donate to the Red CrossJack- Pizza Ovens | Make Pizza | Ooni Pizza OvensPaige- The White Lotus | Official Website for the HBO Series | HBO.comTJ- Lilo & StitchAdvertising 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 Juni 202244min

3D Modeling in React with Jennifer Fu - RRU 186

3D Modeling in React with Jennifer Fu - RRU 186

Today we have special guest Jennifer Fu, a software engineer who specializes in front end development.  Currently working at Domino Data Lab, she comes with 20 years of experience in many programming languages, but loves React!  Much of her recent work is with Web3.js and Three.js.  We discuss how to work with the 3D JavaScript library, and discuss how easy it is to use.  As a bonus, we get some of her insight to excelling during the coding interview process.  Make sure to check out her extensive library of articles at medium.com (link below).SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksJennifer Fu - MediumJennifer Fu - Cupertino, California, United States | Professional Profile | LinkedInModeling - blender.orgGitHub: Where the world builds softwareThree.js - JavaScript 3D libraryPicksJennifer- Baltimore Museum of ArtTJ- TMNT Shredder's RevengePaige- Watch The Great British Baking Show | Netflix Official SiteAdvertising 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 Juni 202248min

Design Systems - RRU 185

Design Systems - RRU 185

In this all-panelist episode, we discuss Design Systems, what they are and why you might want one. As a great way to help companies to standardize the look and feel and behavior of their web applications across the enterprise, we discuss the challenges of implementation. We also discuss how useEffect gets called twice when in developer mode and strict mode to test your component. It mounts it, un-mounts it, the re-mounts it - looking to see if there are leaks. What do we do about this? SponsorsTop End DevsCoaching | Top End Devs LinksDiscord - A New Way to Chat with Friends & CommunitiesReact 18 useEffect Double Call for APIs: Emergency FixStorybook: UI component explorer for frontend developers PicksJack- Land Rover Defender 42110 | Technic™ | Buy online at the Official LEGO®Paige - Magnetized screwdriversTJ - Heated BlanketsAdvertising 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 Juni 202245min

React Code Quality with Iva Kop - RRU 184

React Code Quality with Iva Kop - RRU 184

Today we talk with Iva Kopraleva, a technical article writer, and React developer at CitizenLab, a digital engagement platform helping citizen involvement in public decision-making. We delve into some tips and tricks she has learned to make her coding process better, as well as recommendations for new developers in finding their first job. SponsorsTop End DevsCoaching | Top End Devs LinksWhere is the mouse?Iva Kop, Author at LogRocket BlogIva Kop - freeCodeCamp.orgLinkedIn: Iva KopTwitter: @iva_kopGitHub: Iva ( IvaKop )Discord: React Round Up PicksIva - Horseback RidingJack - Everything Everywhere All At OnceJack - Chip ’n Dale Rescue RangersTJ- Postman API PlatformAdvertising 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 Juni 202253min

Insider Views from Shubham Khatri at Meta - RRU 183

Insider Views from Shubham Khatri at Meta - RRU 183

Today we talk with software engineer Shubham Khatri, a front end developer at Meta. As someone who is really passionate about React, we discuss Strict Mode and Flock among other things. We also talk about his experience working for the company, insights on getting hired at Meta, and tips for getting a good response from developer help. Sponsors Top End DevsCoaching | Top End Devs Links What is StrictMode in ReactMeta | Social Metaverse CompanyHow to Build a Custom Pagination Component in ReactShubham Khatri - MediumTwitter: @ShubhamReacts Picks Jack - Touch PortalPaige - OzarkTJ- Podcasts - FreakonomicsShubham - This Is UsSpecial Guest: Shubham Khatri.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.

25 Maj 202244min

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