RRU 041: Design Patterns with Soumyajit Pathak
React Round Up11 Joulu 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.

Jaksot(310)

Is Working at a Large or Small Company Better for Your Career? - RRU 152

Is Working at a Large or Small Company Better for Your Career? - RRU 152

This week the panelists dive into their work backgrounds and discuss the ins and outs of working at small and large companies. They aim specifically at whether one is better than the other for building a career. Panel Jack HerringtonPaige NiedringhausTJ VanToll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Picks Jack- Virtual CoffeePaige- Raspberry Pi Beginner's Guide 4th EditionTJ- Rocket Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Sponsored By:Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.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.

18 Elo 202149min

React is a Black Box ft. Florian Rappl - RRU 151

React is a Black Box ft. Florian Rappl - RRU 151

Florian Rappl joins the Round Up to discuss React internals and how to make sense of how React works. He leads the panel through the process of understanding what React is doing when you write your JSX. He also deviates into Microframeworks a bit. Panel Paige NiedringhausTJ VanToll Guest Florian Rappl Sponsors Dev Influencers AcceleratorReact Error and Performance Monitoring | Sentry Links React is a black box. Why does that matter?The Art of Micro Frontends: Build websites using compositional UIs that grow naturally as your application scalespiral.io/community - GitterPiralflorian-rappl.deTwitter: Florian Rappl ( @FlorianRappl ) Picks Paige- GitHub | microsoft/IoT-For-BeginnersPaige- Your Code as a Crime SceneTJ- WandaVisionTJ- Black Widow Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Florian Rappl.Sponsored By:Sentry: Resolve React errors and performance issues with SentryAdvertising 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.

11 Elo 202155min

Form Validations and Open Source ft. Evyatar Alush - RRU 150

Form Validations and Open Source ft. Evyatar Alush - RRU 150

Evyatar Alush joins the Round Up to discuss Vest, a form validation library that handles form validation library in a manner similar to the way that a testing library looks. The panel walks through the process of using Vest to build validations for your forms on the web and in your React Applications. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Evyatar Alush Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Links Creating APIs for the human developerGitHub | ealush/vestForm Validations with VEST | Alush Evyatar | Conf42: JavaScript - YouTubeTweets about VestVest - Declarative Validation TestingSvelte Forms: The Missing ManualealushTwitter: Evyatar ( @evyataral ) Picks Evyatar - RunJSJack- Twitter: G.U.N Gals ( @gungalsval )Paige- API connection - PipedreamTJ- Pokemon Unite Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Evyatar Alush. 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.

4 Elo 202145min

Voice Recognition in React ft. Ian Lavery - RRU 149

Voice Recognition in React ft. Ian Lavery - RRU 149

Ian Lavery joins the Round Up to discuss how to add Voice Recognition to your React applications without adding heavyweight cloud solutions from the big cloud providers. Ian guides the Round Up through adding Voice Recognition, providing security and privacy, and how to understand voice recognition in general. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Ian Lavery Sponsors Dev Influencers AcceleratorReact Error and Performance Monitoring | Sentry Links Add Voice Recognition to React Native Without Adding the CloudPicovoice: Edge Voice AI PlatformWebAssembly Ian Lavery - Medium Picovoice - MediumPicovoice - YouTubeLinkedIn: PicovoiceTwitter: Picovoice.ai ( @AiPicovoice ) Picks Ian- MandyJack- Mythic Quest | Apple Tv+Paige- Digikey ElectronicsTJ- Hoopla Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Ian Lavery. 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.

28 Heinä 202147min

Leveraging Native Features in React Native featuring Youssouf EL Azizi - RRU 148

Leveraging Native Features in React Native featuring Youssouf EL Azizi - RRU 148

Youssouf EL Azizi joins the round up to talk about the best React Native libraries that allow you to leverage the native features of the platforms you run on. Sometimes it's hard to know how to get native features into your mobile app. Whether they're not well maintained or don't cover the widest breadth of use cases, it's hard to know sometimes which ones to use. Youssouf breaks it all down for you. Panel Carl MungaziPaige NiedringhausTJ VanToll Guest Youssouf EL Azizi Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial  Links The best React Native libraries for leveraging native featuresWork | ObytesGitHub | obytes/react-native-template-obytesHow to learn TypeScript for react developersNo BS TS #1 - Typescript Setup & Everyday Types - YouTubeYoussouf EL AziziTwitter: Youssouf El Azizi ( @ElaziziYoussouf ) Picks Carl- Building Mobile Apps at ScaleCarl- WODE MAYA - YoutTubeJack- React GUIPaige- Tea brewing basketsTJ- GitHub CopilotYoussouf- Cal NewPort Contact Carl: GitHub: Carl Mungazi ( CarlMungazi )Twitter: Carl Mungazi ( @CarlMungazi ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Youssouf EL Azizi . 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.

21 Heinä 202147min

Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 147

Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 147

Chris Laughlin joins the round up to discuss how to use the WebKit Speech Recognition API to interact with your react applications. This opens up a wide range of capabilities for web and React applications. Panel Carl MungaziJack HerringtonPaige NiedringhausTJ VanToll Guest Chris Laughlin Sponsors React Error and Performance Monitoring | SentryDev Influencers Accelerator Links Adding Voice Search to a React ApplicationUsing the Web Speech APIGitHub | streamich/react-useRecutDescriptSvelteNetlifyGithub Co-pilotGitHub: Chris Laughlin ( chrislaughlin ) Picks Carl- Subscribing to different newslettersChris- Script Kit by John LindquistJack- GitHub | solidjs/solidPaige- Logitech Wireless MX KeyboardTJ- Manfrotto Magic Arm Contact Carl: GitHub: Carl Mungazi ( CarlMungazi )Twitter: Carl Mungazi ( @CarlMungazi ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Chris Laughlin. 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.

14 Heinä 202149min

React Architecture with Tommy Groshong - RRU 146

React Architecture with Tommy Groshong - RRU 146

In today's episode, we talk about state management, dependency injection, react hooks, API access best practices and more with Tommy Groshong a React UI architect. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Tommy Groshong Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial  Links React Context for Dependency Injection Not State ManagementReduce State Management Footprint with React QueryReduce State Management Footprint with React QueryTest DoubleTommyGroshong.comLinkedIn: Thomas Groshong Twitter: Tommy Groshong ( @tgroshon ) Picks Jack- Deno DeployPaige- Ted LassoPaige- GitHub | foambubble/foamTJ- Land of the GiantsTommy- The CourierTommy- The Anarchist Handbook Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Special Guest: Tommy Groshong. 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.

7 Heinä 202155min

React Hook Form with Vijit Ail - RRU 145

React Hook Form with Vijit Ail - RRU 145

React Hook Form is a terrific way to manage state in, from, and through, your forms in React. Since React itself doesn't give you much to manage forms, React Hook Form steps into the gap to help you manage your forms and provide features and functionality to your forms. Our guest, Vijit Ail worked through several of the options out there for managing states and walks the panel through his decision to use React Hook Form. Panel Jack HerringtonTJ VanToll Guest Vijit Ail Sponsors React Error and Performance Monitoring | SentryDev Influencers Accelerator Links React Hook FormRedux FormFormikBundlePhobiaTypeORMNestJS Picks Jack- Nx: Smart, Extensible Build FrameworkTJ- Super Mario 3D WorldVijit- Microservices with Node JS and React | Udemy Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Special Guest: Vijit Ail. 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.

30 Kesä 202135min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
rss-rahapodi
mimmit-sijoittaa
ostan-asuntoja-podcast
rss-lahtijat
rss-laakispodi
lakicast
rss-neuvottelija-sami-miettinen
oppimisen-psykologia
rss-yrita-oikein
rss-bisnesta-bebeja
rss-sisalto-kuntoon
rss-karon-grilli
rss-kaupan-tila
rss-20-30-40-podcast
rss-seuraava-potilas
rss-paasipodi
rss-yritys-ja-erehdys
rss-40-ajatusta-aanesta