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)

RRU 022: RxJS and redux-observable with Tracy Lee, Jay Phelps, and Ben Lesh

RRU 022: RxJS and redux-observable with Tracy Lee, Jay Phelps, and Ben Lesh

Panel: Nader DabitSia Karamalegos Special Guests: Tracy Lee, Jay Phelps, and Ben Lesh In this episode, the React Round Up panelists talk to Tracy Lee, Jay Phelps, and Ben Lesh about RxJS and redux-observable. Tracy, Jay, and Ben are the RxJS ThisDot Media group and where they do support contracts for RxJS, staff augmentation, developer relations, and put on events. They talk about what observables are and what they are trying to solve, the most common use cases for getting started with observables, and what Promises and Async/Await are. They also touch on what they like most about RxJS, how versatile it is, and more! In particular, we dive pretty deep on: Tracy, Jay, and Ben introThisDotRxJSWhat is an observable?What problems are observables trying to solve?JavaScriptLearn observablesMaking everything functional in the libraryMeans of encapsulating values you want pushed at you later onDownside to observablesLittle bit of a learning curveMost common uses for getting started with observablesCan Promises and Async/Await be mixed with observables?What do Promises and Async/Await allow you to do?Defer functionAwait values coming in from observablesWhat do you like about RxJS?Allows you to work with all different languagesRxJS is very versatilengrx“Rx all the things”What inspired you to write Redux observable?Redux-observableRxJS docsEpicsAnd much, much more! Links: ThisDotJavaScriptRxJSngrxReduxRedux-observableRxJS docs@ladyleetTracy’s GitHub@BenLeshBen’s MediumBen’s GitHub@_jayphelpsJay’s GitHubRxJS GitHub@ThisDotLabs Sponsors Kendo UIDigital Ocean FreshBooks Picks: Nader JSCamp Sia Sprint by Jake Knapp Tracy Fashionnova.comFrancesca’s Jay denoapplitools Ben react-streamsStackBlitzSpecial Guests: Ben Lesh, Jay Phelps, and Tracy Lee. 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.

31 Heinä 201858min

RRU 021: Building SharePoint Extensions with JavaScript with Vesa Juvonen LIVE at Microsoft Build

RRU 021: Building SharePoint Extensions with JavaScript with Vesa Juvonen LIVE at Microsoft Build

Panel: Charles Max Wood Special Guests: Vesa Juvonen In this episode, the React Round Up panel talks to Vesa Juvonen about building SharePoint extensions with JavaScript. Vesa is on the SharePoint development team and is responsible for the SharePoint Framework, which is the modern way of implementing SharePoint customizations with JavaScript. They talk about what SharePoint is, why they chose to use JavaScript with it, and how he maintains isolation. They also touch on the best way to get started with SharePoint, give some great resources to help you use it, and more! In particular, we dive pretty deep on: Vesa introWhat is SharePoint?Has existed since 2009People either know about it and use it or don’t know what it isBaggage from a customization perspectiveWhy JavaScript developers?Modernizing developmentSharePoint FrameworkMicrosoft Ignite ConferenceIs there a market for it?System integratorsAngular Element and ReactReact for SharePoint Framework back-endSupports VueReact Round Up PodcastHow do you maintain isolation?What’s the best way to get started with SharePoint extensions?Office 365 Developer ProgramSharePoint documentationSharePoint YouTubeWhat kinds of extensions are you seeing people build?And much, much more! Links: SharePointJavaScriptSharePoint FrameworkMicrosoft Ignite ConferenceAngular ElementReactVueReact Round Up PodcastOffice 365 Developer ProgramSharePoint documentationSharePoint YouTube @OfficeDev@vesajuvonenVesa’s blogVesa’s GitHub Sponsors Angular Boot CampDigital Ocean FreshBooks Picks: Charles Zig ZiglarConversations with My Dog by Zig ZiglarPimsleur Lessons on Audible Vesa Armada by Ernest ClineSpecial Guest: Vesa Juvonen. 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.

24 Heinä 201830min

RRU 020: How to Get a Job (Especially for New Developers) with Charles Max Wood

RRU 020: How to Get a Job (Especially for New Developers) with Charles Max Wood

Panel: Charles Max WoodLucas ReisSia Karamalegos In this episode, the React Round Up panelists talk about finding a job as a developer. Charles is getting ready to release a course on finding a job and he finds that he is always getting asked about how new developers can find a job. They talk about how they all found their first coder job, picking your target company, and understanding what you want in a job. They also touch on Charles’ upcoming course, the importance of showing initiative, and more! In particular, we dive pretty deep on: Sign up to chat with Charles at DevChat.tv/15MinutesWhy they want to touch on this topicGet used to failureCodeSchoolHack Night meetupGoing to meetups to slowly start networkingMaking friends with developers in your communityNetworking before you need a jobLearning and helping mindsetDon’t be afraid to ask if people are hiringHow did you figure out what your target company was?Checking out the culture of a companyUnderstanding the travel involvedFigure out what you like in a job as you goAlways be looking at your portfolio and resumeGain as much experience as you can everywhere you goStick to learning one language/systemReally master the languages/systems of the company you want to usesShow initiativeFinding a champion at your target companyAnd much, much more! Links: DevChat.tv/15MinutesCodeSchoolHack Night meetupCharles’ CourseHow to interview your interviewers blog postRuby Rogues Episode 184 Sponsors Kendo UIDigital Ocean FreshBooks Picks: Charles Orphan BlackHis Course Lucas The Best Software Engineering Paper You Haven’t Read Sia FamilyAdvertising 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 Heinä 20181h 16min

RRU 019: Error Tracking and Troubleshooting Workflows with David Cramer LIVE at Microsoft Build

RRU 019: Error Tracking and Troubleshooting Workflows with David Cramer LIVE at Microsoft Build

Panel: Charles Max WoodAlyssa NichollWard Bell Special Guests: David Cramer In this episode, the React Round Up panelists talk to David Cramer about error tracking and troubleshooting workflows. David is the founder and CEO of Sentry, and is a software engineer by trade. He started this project about a decade ago and it was created because he had customers telling him that things were broken and it was hard to help them fix it. They talk about what Sentry is, errors, workflow management, and more! In particular, we dive pretty deep on: David introFounder and CEO of SentryWhat is Sentry?Working with PHPDe-bugger for productionFocus on workflowGoal of SentryTriaging the problemWorkflow managementSentry started off as an open-source side projectInstrumentation for JavaScriptEmber, Angular, and npmGot their start in PythonLogsTotally open-sourceMost compatible with run-timeCan work with any languageDeep contextsDetermining the root causeAnd much, much more! Links: SentryJavaScriptEmberAngularnpmPythonSentry’s GitHub@getsentryDavid’s GitHubDavid’s Website@zeeg Sponsors Kendo UILoot CrateFreshBooks Picks: Charles Socks as Swag David VS CodeKubernetesSpecial Guest: David Cramer. 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.

10 Heinä 201828min

RRU 018: Evolving Patterns in React with Alex Moldovan

RRU 018: Evolving Patterns in React with Alex Moldovan

Panel: Charles Max WoodLucas ReisNader Dabit Special Guests: Alex Moldovan In this episode of React Round Up, the panel discusses the article Evolving Patterns in React with its author, Alex Moldovan. Alex is from Romania and works at Fortech as an engineering manager where he works mostly with the front-end development. He also is one of the co-founders of JSHeroes, which is the biggest JavaScript conference in Romania that also has a growing international community behind it. They answer some of Charles questions about React, talk about his article, their thoughts on the new changes, and more! In particular, we dive pretty deep on: Lucas was on React Round Up Episode 11Lucas intro – works for Zocdoc as a senior front-end developerAlex introAt Fortech as an engineering managerCo-founder of JSHeroesHis article Evolving Patterns in ReactReact.createClass rather than ES6 classStarted working with React in 2015React and ReduxNobody knew how to actually build an application in React in the beginningMixinsWhat has replaced the idea of mixins?Higher Order ComponentsRender Props article by Michael JacksonImplicit with mixins to explicit with render propsWhat about Context?Do you think these new changes are addressing how we build React apps?Thoughts on the new APIs and changes from 16 to 17Error boundariesSuspenseServer-side renderingUsing the ConstructorEvolving patternsAnd much, much more! Links: React Round Up Episode 11ZocdocFortechJSHeroesJavaScriptEvolving Patterns in ReactReactReduxRender Props article by Michael JacksonReact ContextReact ConstructorAlex’s MediumAlex’s GitHub@alexnmoldovan Sponsors Kendo UILoot CrateFreshBooks Picks: Charles Star RealmsHogwarts Battles Lucas SpeedCurve Nader AWS AppSync GitHub RepoBuilding AI Enabled GraphQL Applications by Naderappsync-lambda-ai Alex GraphcoolPrismaTensorFlow.jsSpecial Guest: Alex Moldovan. 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.

3 Heinä 20181h

RRU 017: Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari LIVE at Microsoft Build

RRU 017: Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari LIVE at Microsoft Build

Panel: Charles Max Wood Special Guests: Ori Zohar and Gopinath Chigakkagari In this episode, the React Round UP panelists discuss Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari at Microsoft Build. Ori is on the product team at VSTS focusing on DevOps specifically on Azure. Gopinath is the group program manager in VSTS primarily working on continuous integration, continuous delivery, DevOps, Azure deployment, etc. They talk about the first steps people should take when getting into DevOps, define DevOps the way Microsoft views it, the advantages to automation, and more! In particular, we dive pretty deep on: Ori and Gopi introVSTS – Visual Studio Team ServicesVSTS gives developers the ability to be productiveDeveloper productivityWhat’s the first big step people should be taking if they’re getting into DevOps?The definition of DevOpsThe people and the processes as the most important pieceDevOps as the best practicesAutomating processesWhat people do when things go wrong is what really countsLetting the system take care of the problemsHave the developers work on what they are actually getting paid forTrend of embracing DevOpsShifting the production responsibility more onto the developer’sIncentivizing developersPeople don’t account for integrationContinuous integrationTrends on what customers are asking forSafetyDocker containersAnd much, much more! Links: AzureMicrosoft BuildVSTS@orizhrOri’s GitHubGopi’s GitHub@gopinach  Sponsors Kendo UILinodeFreshBooks Picks: Charles .NET Rocks!Shure SM58 MicrophoneZoom H6 Ori FitbitPacific Northwest Hiking Gopinath Seattle, WASpecial Guests: Gopinath Chigakkagari and Ori Zohar. 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.

26 Kesä 201850min

RRU 016: React, Redux, and JavaScript Architecture with James Sinclair

RRU 016: React, Redux, and JavaScript Architecture with James Sinclair

Panel: Charles Max WoodSia KaramalegosNader Dabit Special Guests: Jared Palmer In this episode of React Round Up, the panel discusses the article React, Redux, and JavaScript Architecture with the author James Sinclair. James is a web developer in Australia and he works at Squiz were he focuses on building a digital web place. They talk about his article and why he chose to write it, where he falls on the whole Redux debate, how to convince people to come to Redux, and much more! In particular, we dive pretty deep on: James introReact, Redux, and JavaScript ArchitectureWhy were the people you are working with wary of leaving JavaScript?jQueryGreat article on explaining why we use ReactWhy React can be fastIs your team now moving to React or have they already moved over?Where do you fall on the Redux debate?Redux’s “disadvantages” are actually advantagesWhat is your current stack of choice?DownshiftConditioner.jsMost React tutorials assume you’re working on a single-page web appSprinkles of jQueryLearning Redux helps to learn in a more functional wayFunctional programming as an influence to learn ReduxManaging stateHow do you convince someone to learn Redux?Thoughts on GraphQLApollo Server and PrismaStimulusApollo Link StateAnd much, much more! Links: React, Redux, and JavaScript ArchitectureSquizJavaScriptjQueryReactReduxDownshiftConditioner.jsGraphQLApollo ServerPrismaStimulusApollo Link Statejrsinclair.com@jrsinclairJames’ LinkedInJames’ GitHub Sponsors Kendo UILoot CrateFreshBooks Picks: Charles Being around family and friendsSpend your life doing the things that really matter Sia Artificial IntelligenceMachine Learning Nader React Native Training YouTube ChannelNader’s YouTube James Highland.jsFunctional ProgrammingSpecial Guest: James Sinclair. 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 Kesä 201854min

RRU 015: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build

RRU 015: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build

Panel: Charles Max Wood Special Guests: Rachel MacFarlane and Matt Bierner In this episode, the React Round Up panelists discuss Visual Studio Code with Rachel MacFarlane and Matt Bierner, who are both developers on Visual Studio Code. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon,  and how people can follow along the VS Code improvements on GitHub and Twitter. They also touch on their favorite extensions, like the Docker extension and the Azure extension and their favorite VS Code features. In particular, we dive pretty deep on: Rachel and Matt introMonth to month workflow of Visual Studio CodeVS Code JavaScript, TypeScript, and Mark Down supportWorking on GitHub and within the communityCheck out new features incrementally with insidersCommunity-driven workWhat is coming out in Visual Studio Code?GitHub helps to determine what they work onWorking on Grid ViewImproved settings UIHighlighting unused variables in your codeImprovements with JS DocsDartVisual Studio Extension APIHow do people follow along with the VS Code improvements?Follow along on GitHub and TwitterDownload VS Code InsidersHave a general roadmap of what the plan is for the yearTechnical debt weekWhat do you wish people knew about VS Code?Favorite extensionsDocker extension and Azure extensionAnd much, much more! Links: Visual Studio CodeJavaScriptTypeScriptDartVS Code GitHub@CodeVS Code InsidersDocker extensionAzure extensionRachel’s GitHubMatt’s GitHubMattBierner.com@mattbierner Sponsors LinodeAngular Boot CampFreshBooks Picks: Charles Orphan BlackAvengers: Infinity WarFishing Rachel GitLens Matt The Bronx WarriorsSpecial Guests: Matt Bierner and Rachel MacFarlane. 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 Kesä 201834min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
rss-rahapodi
mimmit-sijoittaa
ostan-asuntoja-podcast
rss-lahtijat
oppimisen-psykologia
rss-sisalto-kuntoon
rss-neuvottelija-sami-miettinen
rss-laakispodi
pomojen-suusta
lakicast
asuntoasiaa-paivakirjat
rss-uskalla-yrittaa
rss-sensuroimaton-kukkonen-kausi-3
rss-bisnesta-bebeja
rss-lentopaivakirjat
rss-juurisyy-johtamisesta-kilpailuetua
rss-seuraava-potilas
rss-paasipodi