React Round Up13 Nov 2018

RRU 037: Make Backend Devs Jealous of Your Test Suite with Carly Litchfield

Panel:

Nader Dabit
Lucas Reis
Justin Bennett

Special Guests: Carly Litchfield In this episode, the panelists talk with Carly Litchfield who is a Full-stack engineer of React and React Native. The panel and Carly talk about frontend and backend developing and the issues that teams could face day-in and day-out. Listen to today’s episode to hear about that and much more! Show Topics: 0:00 – Kendo UI 0:30 – Nader: Welcome! Our panel is Justin, Lucas, myself, and our guest is Carly. Welcome to the show! Thanks for joining us. Introduce yourself please. 0:56 – Carly: I am a fullstack engineer at a company called Zocdoc. I have been there for 4 years, and we use C# framework. 1:17 – Nader: C# interesting! 1:26 – Nader: You can do game development and other stuff. 1:33- Carly: I haven’t gotten into game development at all, just using C# for web development. 1:50 – Nader. 1:55 – Carly. 2:08 – Nader: The topic for today is: being a frontend developer and a team that is mostly focused on backend. Also, other topics with testing if we have time. How did you get into web development? 2:32 – Carly goes into detail about how she got into web development. 5:02 – Carly: I have worked with React Native, too. 5:22 – Nader: That is my favorite thing to work with (React Native). 5:27 – Panel: Everyone was learning about this new domain and this frontend domain. How was the knowledge spread? How was it spread throughout the company? 5:50 – Carly: One of the people someone that was on this 3 – person team (Thomas) and he went around to anyone who knew React. He made a lot of tooling. He made a lot of configuration libraries. You’d have your NPM integration like everyone else. It was cool to hook it into our servers. It was crucial to help with adoption. Those libraries aren’t being well maintained and it’s causing some pain. 7:32 – Panel: I remember this one case when I was working with an engineer and he was working on backend stuff. He was like I don’t understand here is JSS and JavaScript. Did you have those cultural differences? 8:27 – Carly: Yeah, definitely. You will see a thousand two-thousand lines that are written by us and it’s impossible to know how it hooks-up, etc. It’s painful to work with and some of the internal tooling nobody is updating. That served a forcing mechanism b/c we built tons of the frontend that it’s so complicated and we are paralyzed. That served us b/c frontend is hard and we just can’t go plopping around wherever we want. That’s how they tried to use Backbone. We never hired a specific frontend engineer. We just kept hiring backend to learn frontend. It’s harder to hire someone to avoid those mistakes. They will have to learn the hard way, where a Senior Developer can help. Even our Backbone apps were heavy and hard to work with. At that time we thought we were going to go to React. We thought we could hire someone with true frontend experience. We started an interview process and hard to get off the ground. We have gotten a lot better b/c we have Senior and Principle engineers to help. 12:12 – Panel: This isn’t easy and this is hard. Building UIs are extremely difficult. 13:06 – Carly: I have an old manager that posted a quote...that just shows how much things are changing. These are advanced strategies. On the backend you have all of these services and go to AWS. However, on the frontend the problems aren’t solved, yet. WE don’t have a perfect answer. A lot of the dynamics are interesting and the right answers are yet to be found. 14:32 – Panel: I think that in some ways, an application we are finding better ways with static websites and blogs through the WordPress model. We are finding practices to enable people to build intricate things. 15:07 – Panel: I used C++ in the beginning of my career. I use a framework called QT. QT is good to building native UIs, but it’s extremely complicated and difficult. And thinking about that from the idea of building not only a UI, but also...we are essentially using tools that aren’t supposed to be used in the way they were designed. 16:46 – Carly: I agree. When I was using style components at the beginning – after you do it for a while it’s not weird anymore. It’s great not to have to reuse things. I hear a lot of people concerned with these separations, but maybe they were 3 separate concerns. Maybe one component is one concern, if you will. 17:59 – Panel: I agree. If you look at the page model vs. the web model...you want a button to look like THAT button. You want them to look the same, it’s a component or an app. Maybe if you have a Wikipedia page where you have headers and sections, the CSS model makes sense on that particular domain, but with application it’s so complicated. I am a fan of cell components, and... Things are getting better. Another topic – we are in this frontend world and one big problem with the old days was reliability. You talked a lot about testing in the frontend. Let’s talk about testing in your professional life. 19:48 – Carly: I moved slowly into backend, and it’s comfortable that you knew you weren’t going to break anything. This testing stuff is great and I actually love it. We need to figure it out on the frontend, too. I built a bunch of tools that doctors use. We started thinking about what can we do to make the frontend more testable. 21:40 – Panel: I call that: Layer Oriented Design. 21:51 – Carly: When we were on Backbone we used this screen-shot testing framework. We obviously should be focusing on how we made this app rather than how do we test frontend code. But we did it. You could have a Backbone view... 22:43 – Advertisement – FRESH BOOKS! 23:47 – Nader: How would you change the pictures – were you running it through what? 24:02 – Carly: An array of pixel colors. 24:10 – Carly: It was cool! We called it Lena. We used it for a year or so and it caught some bugs and it did other things. We built Percy and Storybook. We are ahead of the game with that. In general that is what we have moved to instead. 25:30 – Panel: What is Percy? 25:37 – Carly: It will render your components, then it will grab...and every time you push code it will compare the old/new screenshot. You can do mobile stuff, too, which is awesome. 26:25 – Panel: When I saw the Percy tests – I thought: this makes a difference! 26:48 – Carly: How do you know if this random stuff matters? 27:15 – Panel: It makes a huge impact. Percy can give it to you and easier to review code that has visual changes. If you added a border and you can see all the red sea of change, so let’s use a border box, etc. It’s really mind-blowing! They have a GitHub hook. If there are changes people have to improve. 28:22 – Panel: You mentioned it supporting a bunch of different browsers? What sort of context does Percy run in? Does it have a specific execution...? 28:44 – Carly: Options in Firefox and Chrome so far. People at Percy talk about cross-browsers and it will have a pipeline. It’s really hard to do. Who knows if it will come but we will see. 29:13 – Panel: How do we ensure that things are continuing to work across the browsers? Did we render anything that is completely broke? How do you do testing across browsers? 29:44 – Carly: Yeah, we use Browser Stack. We run Selenium IO. 31:12 – Nader: It sounds like you have great tools on the frontend. Nader asks a question. 31:28 – Carly: We have a fairly broken-up frontend. If someone changes something... Running all of those tests can get crazy. 32:11 – Panel: Cypress... Why did you decide on Cypress – what has been your experience with that? 32:35 – Carly: I have not yet figured out a good debugging experience, and I don’t know how you guys are doing it? It’s impossible to debug and it’s not a pleasant experience. I saw Cypress’ advertisement and you can see the difference. They highlight the target, etc. I had to try it! In just a little app that I have – I tested it there. I thought it was awesome b/c it will show you where it failed, etc. I had to get everyone on board and tried to persuade my team to use it. I used these slides and presented it, and it worked fine. It didn’t flake at all. People had to work with the tests and work with Cypress to get the feel for it. Everyone decided to use it, too. 35:16 – Panel: The spread of knowledge and it goes back to the beginning. What is this secret group: Frontend Guild? 35:33 – Carly answers the question. 37:04 – Panel: How does knowledge spread happen in other companies? Such different companies and different scales – how does that happen? 37:23 – Panel: As your company grows, communication is definitely a hard thing to accomplish. At ARTSY we try to do different things. One of our principles is...we try to document everything that goes on. Document from a process-level, and other levels, too. We have working practice groups

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

Upptäck Premium

Prova 14 dagar kostnadsfritt

Skaffa Premium

Avsnitt(310)

The Evolution of Prime React with Cagatay Civici - RRU 259

Cagatay Civici is the founder of PrimeFaces, PrimeNG, PrimeReact and PrimeVue. In this episode, they delve into the world of UI component libraries and the business of open source. Join them as they explore Primetech's journey from consulting work to a thriving team focused on UI component development and the value of selling a library of components with a premium paid version. They also take a closer look at the tailored features and commercial aspects of the Primary Act library and gain insights into creating and monetizing open-source projects. With a focus on UX, product launch strategies, and ongoing development, this episode offers a wealth of knowledge for developers and entrepreneurs navigating the world of open source and library monetization. LinksPrimeFacesSocialsTwitter: @cagatayciviciGitHub: cagatayciviciBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

29 Maj 202446min

Navigating React and React Native Evolution - RRU 258

Jamon Holmgren is the Co-founder & CTO at Infinite Red, Inc. They dive into the captivating world of React and React Native, exploring the evolution of these technologies and their implications for developers. They engage in thought-provoking discussions on deployment challenges, user expectations in mobile app development, and the intricate process of integrating React Native into existing apps. Join them as they dissect the nuances of React Native, compare it to other frameworks like Flutter, and unravel the complexities of managing dependencies in React Native projects. From success stories to industry insights, this episode offers a wealth of knowledge for developers navigating the realm of web and native mobile development. SocialsLinkedIn: Jamon HolmgrenJamon HolmgrenBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

22 Maj 202454min

Mastermind Groups and Staying Current with Sean Merron - RRU 257

In this episode, The panelist of React Round-Up, View on Vue, Adventures in Angular, Ruby Rogues, and JavaScript Jabber speak with Sean Merron about Mastermind Groups of Startups and much more. Sean is the founder of today's topic and product “Mastermind Hunt.” This product is design to skillfully find a mastermind to take your business and skills to the next level.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksSean’s Twitter2frugaldudes podcastSean’s LinkedInPicksShai - Bob Proctor Joe - CoolstuffincJoe - luxorJoe - NG Conf Minified Lucas - Radical Candor Divya - Alan WattsDivya - Framework Summit Videos Divya - Several Short Sentence about Writing Charles - CES - devchat.tv/eventsCharles- Modern MedicineSean - (757) Area CodeSean - RevolutionConf.comBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

9 Maj 20241h 7min

Lambda School with Ben Nelson - RRU 256

In this episode, the panelists talk with Ben Nelson who is a co-founder and CTO of Lambda School. The panelists and Ben talk about Lambda School, the pros & cons of the 4-year university program for developers, and much more. Check it out!SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksRuby on RailsAngularJavaScriptElmPhoenixGitHubGet A Coder JobIncome Share Agreement’s DefinitionDevMountainCharles Max Wood’s TwitterNader Dabit’s TwitterLucas Reis’ GitHubBen Nelson’s Talk: Rethinking Higher Education – ICERI 2016 Keynote SpeechBen Nelson’s LinkedInBen Nelson’s TwitterLambda SchoolPicksLucas - CypressLucas - Looking a Cypress as a Development Environment.Nader - Egghead.ioNader - Nader’s courses on Egghead.ioNader - Suggestions for coursesCharles - Opportunity to help liberate developersCharles - Extreme OwnershipCharles - Hiring a developerCharles - Sales Rep. for selling sponsorshipsCharles - Show note writerBen - Air Table Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

1 Maj 202450min

Inside Apache Superset with Evan Rusackas - RRU 255

Evan Rusackas is a UI/UX designer, front-end developer, and data visualizer. They delve into the world of open-source development and commercialization. They explore the differences in managing open source and closed source code bases, the complexities and advantages of selling a commercial version of an open source project, and the challenges and rewards of earning money from open source work.Evan shares insights into the governance and code base management of the Apache Software Foundation, the creation of preset.io to address the needs of Apache Superset users and the commercial features offered by preset.io. They also touch on the benefits of using Apache Superset for business intelligence and data visualization, as well as the workflow for a related React-centric project.Join them as they uncover the intricacies of open-source development, the evolution of Apache Superset, and the journey of Preset as they explore the intersection of open-source and commercial software.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Evan RusackasLinkedIn: Evan RusackasBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

17 Apr 202442min

Designing Your Life - RRU 254

In this episode of React Round Up Charles Max Wood hosts a solo podcast sharing his perspective on designing your perfect life. In this episode he addresses finding your dream job, building your dream life, and staying current. Start by deciding where you want to end up. Do you see yourself retiring? Working forever? Charles shares his vision for his future and discusses the retirements of others in his life. Working back from the end of your life, Charles has you ask yourself what kind of life and career you want. Charles shares his vision for both his personal life and his career. After you pick your goal, build the skills, and knowledge to reach that goal. He uses the example of becoming a speaker at conferences. He also recommends you find a mentor or someone who has done what you want to and get their help.Charles explains how important it is to get out of your own way mentally. Many people find reasons real or imagined as to why they can’t reach their goals. He agrees that the world is unfair and barriers can be real. The best way to show others they can overcome barriers is by doing it yourself and working towards your goals. You can if you believe you can and you work for it. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinkshttps://www.facebook.com/React-Round-Uphttps://twitter.com/reactroundupPicksCharles - The Riftwar CycleCharles - The Man in the High CastleBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

10 Apr 202427min

The Impact of Open Source Companies and Industry Insights - RRU 253

Max Stoiber is the CEO at Stellate. They delve into the open-source versus closed source debate, featuring insights from prominent figures in the tech industry. From the challenges and complexities of transitioning from engineering to leadership to the evolution of open-source contributions and community support, this episode covers a wide range of compelling topics. They also explore the success and challenges of open-source businesses, with a focus on their sustainability in a global digital landscape. Get ready for an engaging conversation that delves deep into the world of open source, business models, and the future of technology.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Max Stoiber LinkedIn @MaxStoiber https://www.linkedin.com/in/mxstbr/Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

3 Apr 20241h 19min

Building Resilient Architecture with Monica Lent - RRU 252

Monica Lent has been interested in software from a very young age, and made her first domain name when she was 9 years old. She left her job and founded a startup, analytic tool designed for bloggers designed around affiliate marketing. She talks about some of the lessons she’s learned, including how to sift through data and how to make it useful for people. The panel discusses how to distill the priorities from the project manager so you know where to spend your time, something that takes a lot of experience and failure. They also talk about the merits of different practices such as whether or not to deploy on Friday and having engineers on call. Monica explains her opinion on how copying and pasting code instead of adding dependencies is a positive constraint. She prefers this method most of the time but not in all cases because it keeps your code flexible and avoids unnecessary specialization. However, she is not advocating for copy/paste over dependencies in every situation : rather the point comes down to using copy/paste instead of inappropriate coupling.They also dive into how so much programming deals with other people and the importance of keeping your ego out of it when designing constraints, especially since developers hate other developer’s abstractions. They debate whether pride is a characteristic of junior or senior developers. They note that it is easier to get prideful and opinionated when you’re not working on a team. SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksMonica's React Finland talkNarcissistic design talkA Philosophy of Software DesignReact HooksRelayTypeScriptWebpackgRPCPrettier7 Absolute Truths I Unlearned as a Junior DeveloperPicksLeslie - Xochimilco, Mexico City, MexicoLeslie - List of CSS mistakesThomas - Get the Truth bookLucas - LoveveryLucas - Zero Fasting appMonica - The Mom Test by Rob FitzpatrickBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

27 Mars 20241h 1min

Allt en och samma app

Lyssna på dina favoritpoddar och ljudböcker på ett och samma ställe.

Noga utvalt innehåll

Njut av handplockade tips som passar din smak – utan ändlöst scrollande.

Fortsätt när du vill

Fortsätt lyssna där du slutade – även offline.

Premium

99 kr/mån

Tillgång till alla Premium-poddar
Lyssna utan reklam
Avsluta när du vill

Prova 14 dagar gratis

Premium

129 kr/mån

Tillgång till alla Premium-poddar
Lyssna utan reklam
Avsluta när du vill
Ett extra konto

Prova 14 dagar gratis

Populärt inom Business & ekonomi

rikatillsammans-om-privatekonomi-rikedom-i-livet

Berättelserna och rösterna du älskar att lyssna på

Obegränsad lyssning på alla dina favoritpoddar och ljudböcker

Upptäck Premium