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.

Kokeile Premiumia

Nauti 14 päivää ilmaiseksi

Tilaa Premium

Jaksot(310)

RRU 124: What's New in React with Shawn Wang

In this episode of React Round Up, we talked with Shawn Wang, a prolific React author, speaker and teacher, about the future of React. We discussed what’s new in React Core, the React routing world, React DevTools (webpack, rollup, parcel, etc), CSS, and a whole lot more. Panel TJ VanToll Guest Shawn Wang Sponsors Raygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links Beyond React 16 by Dan Abramov – JSConf IcelandConcurrent React from scratchReact testing recipesReact Distrosand The Deployment Age of JavaScript Frameworkshttps://github.com/vitejs/viteTypeScript cheatsheets Picks TJ VanToll: Fall GuysDevReach Online Shawn Wang: Transistor.fmCobra Kai Follow React Round Up on Twitter > @reactroundupSpecial Guest: Shawn Wang. 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 Marras 202031min

RRU 123: React Query, React Table, the TanStack and More with Tanner Linsley

In this episode of React Round Up, Tanner Linsley, co-founder of startup Nozzle.io, and most known lately for his OSS project React Query, joins the panel today to discuss how he was inspired to create React Query to simplify data-fetching and state management in React applications. Just a few months after releasing React Query to the dev community, it’s already making waves and garnering the attention of notable React thought leaders and large companies alike, and part of the secret to Tanner’s success is that the majority of his popular OSS projects come from him needing to solve a need for his company, Nozzle.io. Learn about if React Query (or other projects) might be something to incorporate into your own React applications, as well as tips for getting involved in (and making the case for) working on OSS projects. Panel Paige NiedringhausTJ VanToll Guest Tanner Linsley Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links Tanner’s startupReact Query siteImportant defaultsAxios Github and documentationTanner’s JSConf Hawaii talk Picks TJ VanToll: Lilo & Stitch The Series Paige Niedringhaus: Meguiar’s Natural Shine Protectant for car interiors: Tanner Linsley: The Umbrella Academy on Netflix, ZustandReact Query Essentials Course Follow React Round Up on Twitter > @reactroundupSpecial Guest: Tanner Linsley. 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.

27 Loka 202050min

RRU 122: Error Reporting and Bug Monitoring with James Smith

In this episode of React Round Up we chatted with James Smith from Bugsnag. We talked about the importance of error monitoring and reporting, and how to actually implement those workflows in your production apps. James shared a number of tips for React developers, like what are the most common errors and how you can help prevent them (hint: linters help a lot). We also got into mobile, and what developers can do to protect against third-party SDK errors. Panel TJ VanToll Guest James Smith Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Picks TJ VanToll: https://www.amazon.com/What-Doesnt-Kill-Environmental-Conditioning James Smith: Fall Guys Follow React Round Up on Twitter > @reactroundupAdvertising 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 Loka 202047min

RRU 121: DeFi-ing Expectations in React with Alex Thomas

In this episode of React Round Up, we talk with Alex Thomas, an open source enthusiast with hundreds of npm packages to his name. We talk about moving from React Native to React, and Alex’s prolific work in the open source world. We also chat about Ethereum, and Alex’s background in the decentralized finance world.. Panel Paige NiedringhausTJ VanTollThomas Aylott Guest Alex Thomas Sponsors Faithlife | Now Hiring Software DevelopersAudible.comCacheFly Links react-native-quietSofia Github repoGitcoin Picks Thomas Aylott: Once Upon a Word: A Word-Origin Dictionary for Kids―Building Vocabulary Through Etymology, Definitions & Stories TJ VanToll: The Floor is Lava3.5mm Headphone Extension Cable, CableCreation 3.5mm Male to Female Stereo Audio Extension Cable Adapter with Gold Plated Connector Paige Niedringhaus: Ultimate Beastmaster on Netflix Alex Thomas: https://harrypotterwithguns.com/ Follow React Round Up on Twitter > @reactroundupSpecial Guest: Alex Thomas. 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.

6 Loka 202053min

RRU 120: Building An Internal Component Library With Dana Yudelevich

In this episode of React Round Up, Dana Yudelevich shares her experiences of building internal component libraries. Dana explains in detail how she has built components in her previous jobs and the challenges she has faced in maintaining them. She also talks about how you can stand out at your current job by setting goals for yourself and becoming a “do-veloper” Panel Paige NiedringhausCarl Mungazi Guest Dana Yudelevich Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links https://snyk.io/Atomic design methodologyTwitter article on Componentshttps://storybook.js.orgGood article on snapshot testing by Kent C DoddsPercy.io – visual review platformBecoming a DO-veloperUsing Percy with Cypresshttps://www.npmjs.com/package/classnames Picks Dana Yudelevich: http://1linelayouts.glitch.me/ Carl Mungazi: diff.blog is the home page for developershttps://github.com/bradtraversy/vanillawebprojects Paige Niedringhaus: Grill Rescue – The World’s Best Grill Brush Follow React Round Up on Twitter > @reactroundupSpecial Guest: Dana Yudelevich. 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.

29 Syys 202055min

RRU 119: Building Web and Mobile Apps with Ely Lucas

Ionic’s own Ely Lucas joins the React Round Up panel to discuss building the Ionic framework to work with React under the hood. Ely talks through how the team’s been hard at work making Ionic easy to pick up for any JavaScript developer with experience in React, as well as some of the benefits it can provide over straight React or React Native. Some of the biggest benefits are having just one shared codebase to power iOS, Android, Electron and PWAs, access to React Hooks and over 100 ready-to-use, easy to customize UI components on install. If you’ve heard about Ionic but want to learn more about it, and it’s newest offering Ionic React, this is the episode for you. Panel Paige NiedringhausCharles Max Wood Guest Ely Lucas Sponsors Audible.comRaygun | Click here to get started on your free 14-day trialCacheFly Links ionicframework.comhttps://stenciljs.com/Ionic React documentationWeb animations API documentationIonic’s Capacitor.js projectcodecanyon.nethttps://ionicframework.com/docs/react/your-first-apphttps://ionicframework.com/docs/react/your-first-apphttps://ionicframework.com/blog/testing-ionic-react-apps-with-jest-and-react-testing-library/ Picks Ely Lucas: Tiny Habits Charles Max Wood: LegendaryHigh Performance Habits Paige Niedringhaus: Traeger Grills Follow React Round Up on Twitter > @reactroundupSpecial Guest: Ely Lucas. 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.

22 Syys 202050min

RRU 118: Creating Live Trippy Visuals with WebGL and Web Audio with Alex Kempton

In this episode of React Round Up, Alex Kempton joins us to talk about Hedron, a tool he built for enhancing live audio shows with cool visuals. We chat about MIDI, WebGL and web audio, and how Alex wrapped those all up into an app he uses for live performances. Panel TJ VanTollThomas Aylott Guest Alex Kempton Sponsors Audible.comCacheFly Links HedronMIDI APIhttps://workshop.chromeexperiments.com/examples/gui/#1–Basic-Usagethree.js exampleshttps://github.com/react-spring/react-three-fiberWeb audio APIhttps://twitter.com/polyopukReact-three-fiber Picks Alex Kempton: Just JavaScript TJ VanToll: Stratechery Thomas Aylott: roamresearch.com Follow React Round Up on Twitter > @reactroundupSpecial Guest: Alex Kempton. 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.

15 Syys 202059min

RRU 117: Making Frontend Developers Fullstack with Prisma with Nikolas Burk

In this special episode of React Round Up, guest Nikolas Burk delves into the Prisma database and why it’s worth checking out. Panel James Brenton Guest Nikolas Burk Sponsor CacheFly Links www.prisma.io Picks Nikolas Burk: Follow Nikolas on Twitter > @nikolasburkPrisma Day RecordingsChess app James Brenton: Scrabble® GO – New Word Game Follow React Round Up on Twitter > @reactroundupSpecial Guest: Nikolas Burk. 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.

8 Syys 202048min

Kaikki yhdessä sovelluksessa

Kuuntele kaikki suosikkipodcastisi ja -äänikirjasi yhdessä paikassa.

Sinulle valikoitua sisältöä

Podme-sovelluksessa kokoat suosikkisi helposti omaan kirjastoosi. Saat meiltä myös kuuntelusuosituksia!

Jatka kuuntelua koska tahansa

Voit jatkaa siitä mihin jäit, myös offline-tilassa.

Premium

9,99 €/kk

Kaikki premium-podcastit
Ei mainoksia
Ei sitoutumista, peruuta koska tahansa

Aloita 14 päivän kokeilu

Premium

13,99 €/kk

Kaikki premium-podcastit
Ei mainoksia
Ei sitoutumista, peruuta koska tahansa
Yksi lisäkäyttäjä

Kokeile 14 päivää maksutta

Suosittua kategoriassa Liike-elämä ja talous

Tarinat ja äänet, joita rakastat kuunnella

Kuuntele kaikki suosikkipodcastisi ja -äänikirjasi

Lue lisää